/* 初恋网络 · 独眼皮肤：橙黄渐变 + 荧光绿 + 深色底栏，按灰氏独眼蛇包复刻 */
:root {
  --primary: #F6A623;
  --nav-active-bg: #7DFF5C;
  --nav-active-color: #111111;
  --nav-color: #8A8A8A;
  --orange: #F6A623;
  --orange-2: #FF8A00;
  --green: #7DFF5C;
  --green-2: #38E06E;
  --dark: #161616;
  --text: #222;
  --muted: #9A9A9A;
  --line: #F0F0F0;
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;
  background: #ECECEC; color: var(--text); -webkit-font-smoothing: antialiased;
}
button, input, textarea { font-family: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
input, textarea { outline: none; }
.dy-page { position: relative; width: 100%; max-width: 480px; min-height: 100vh; margin: 0 auto; background: #F5F5F5; overflow-x: hidden; padding-bottom: 88px; }
.dy-boot { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; background: linear-gradient(160deg, #FFB347, #F08A0C); }
.boot-logo { width: 74px; height: 74px; border-radius: 22px; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 34px; font-weight: 900; color: #F08A0C; box-shadow: 0 16px 40px rgba(0,0,0,.18); }
.boot-name { font-size: 19px; font-weight: 800; color: #fff; letter-spacing: 1px; }
.boot-tip { font-size: 12px; color: rgba(255,255,255,.75); }

/* ---------------- 底栏 ---------------- */
.dy-tabbar {
  position: fixed; left: 50%; transform: translateX(-50%); bottom: 0;
  width: 100%; max-width: 480px; height: 64px;
  padding: 0 6px env(safe-area-inset-bottom);
  background: #FFFFFF; display: flex; align-items: center; justify-content: space-around;
  z-index: 80; box-shadow: 0 -4px 18px rgba(0,0,0,.06); border-top: 1px solid #F1F1F1;
}
.dy-tab { flex: 1; height: 58px; border: 0; background: none; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: var(--nav-color); position: relative; }
.dy-tab .ic { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.dy-tab span { font-size: 10px; }
.dy-tab.on .ic { background: var(--nav-active-bg); color: var(--nav-active-color); box-shadow: 0 4px 12px rgba(125,255,92,.35); }
.dy-tab.on span { color: var(--nav-active-bg); font-weight: 700; }
.dy-tab .dot { position: absolute; top: 3px; right: 18px; min-width: 14px; height: 14px; padding: 0 4px; border-radius: 7px; background: #FF3B30; color: #fff; font-size: 9px; line-height: 14px; text-align: center; }
.dy-tab-logo { width: 52px; height: 44px; border-radius: 14px; background: #171717; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 13px; font-weight: 900; color: var(--green); box-shadow: 0 6px 16px rgba(0,0,0,.18); margin-top: -10px; line-height: 1.05; }
.dy-tab-logo small { font-size: 8px; color: rgba(255,255,255,.65); font-weight: 400; margin-top: 2px; }
.dy-tab.center { flex: 0 0 66px; }

/* ---------------- 通用 ---------------- */
.dy-head { display: flex; align-items: center; gap: 10px; padding: 12px 16px; background: linear-gradient(180deg, #FFB347, #F6A623); color: #fff; position: sticky; top: 0; z-index: 30; }
.dy-head .t { flex: 1; text-align: center; font-size: 16px; font-weight: 800; }
.dy-round { width: 32px; height: 32px; border-radius: 50%; border: 0; background: rgba(255,255,255,.22); color: #fff; display: flex; align-items: center; justify-content: center; }
.dy-round.solid { background: #171717; color: #fff; }
.dy-sec { display: flex; align-items: center; margin: 18px 14px 10px; }
.dy-sec h2 { margin: 0; font-size: 17px; font-weight: 900; letter-spacing: .5px; }
.dy-sec h2::before { content: ""; display: inline-block; width: 4px; height: 16px; border-radius: 3px; background: var(--orange); margin-right: 7px; vertical-align: -2px; }
.dy-sec .more { margin-left: auto; font-size: 11px; color: var(--muted); display: flex; align-items: center; }
.card { background: #fff; border-radius: 14px; margin: 12px 14px; padding: 14px; }
.card-h { display: flex; align-items: center; font-size: 15px; font-weight: 800; }
.card-h .right { margin-left: auto; display: flex; gap: 8px; align-items: center; }
.btn-main { width: 100%; height: 46px; border: 0; border-radius: 10px; background: linear-gradient(135deg, #8AFF6A, #38E06E); color: #0B2A16; font-size: 15px; font-weight: 800; box-shadow: 0 8px 20px rgba(56,224,110,.25); }
.btn-dark { width: 100%; height: 44px; border: 0; border-radius: 10px; background: #171717; color: #fff; font-size: 14px; font-weight: 700; }
.btn-line { width: 100%; height: 44px; border: 1px solid #EAEAEA; border-radius: 10px; background: #fff; color: #444; font-size: 14px; }
.input { width: 100%; height: 44px; border: 0; border-radius: 10px; background: #F5F5F5; padding: 0 13px; font-size: 13px; color: #222; }
textarea.input { height: 82px; padding: 12px 13px; resize: none; line-height: 1.5; }
.pill { border: 0; border-radius: 14px; padding: 6px 12px; background: var(--green); color: #0B2A16; font-size: 11px; font-weight: 800; }
.pill.ghost { background: rgba(255,255,255,.18); color: #fff; }
.pill.orange { background: var(--orange); color: #fff; }
.empty { padding: 46px 20px; text-align: center; color: #C0C0C0; }
.empty .eic { margin-bottom: 10px; opacity: .55; }
.empty p { margin: 0; font-size: 12px; }

/* ---------------- 首页 ---------------- */
.dy-top { background: linear-gradient(180deg, #FFF7E8 0%, #FFF3D9 100%); padding: 14px 14px 0; }
.dy-brand { display: flex; align-items: center; gap: 9px; color: #222; }
.dy-brand .logo { width: 38px; height: 38px; border-radius: 11px; background: linear-gradient(135deg, #FFC85C, #F08A0C); color: #fff; font-weight: 900; display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 0 6px 14px rgba(240,138,12,.24); }
.dy-brand .name { display: none; }
.dy-brand .right { margin-left: auto; display: flex; gap: 8px; }
.dy-brand .dy-round { background: rgba(0,0,0,.06); color: #6B6B6B; }
.dy-search { flex: 1; height: 38px; border-radius: 19px; background: #fff; display: flex; align-items: center; gap: 8px; padding: 0 14px; color: #B0B0B0; font-size: 12px; box-shadow: 0 3px 10px rgba(0,0,0,.04); }
.dy-banner { margin: 14px 14px 0; height: 148px; border-radius: 16px; position: relative; overflow: hidden; background: linear-gradient(125deg, #FFF6DD 0%, #E8FBD6 52%, #B7F08A 100%); box-shadow: 0 8px 22px rgba(160,190,120,.18); }
.dy-banner .art { position: absolute; right: -10px; bottom: -20px; width: 170px; height: 170px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.8), rgba(255,255,255,0) 62%), linear-gradient(135deg, #C8F7A0, #7DFF5C); opacity: .65; }
.dy-banner .art2 { position: absolute; right: 44px; top: 16px; width: 58px; height: 58px; border-radius: 50%; background: rgba(255,255,255,.55); }
.dy-banner .in { position: relative; z-index: 2; padding: 20px 20px; color: #222; }
.dy-banner h1 { margin: 0; font-size: 23px; font-weight: 900; letter-spacing: 1px; color: #2E2E2E; }
.dy-banner p { margin: 7px 0 14px; font-size: 11px; color: #7C7C7C; }
.dy-banner button { border: 0; border-radius: 18px; padding: 8px 18px; background: #F08A0C; color: #fff; font-size: 12px; font-weight: 800; box-shadow: 0 6px 14px rgba(240,138,12,.25); }
.dy-games { display: flex; gap: 8px; padding: 14px 14px 2px; overflow-x: auto; scrollbar-width: none; background: #F5F5F5; }
.dy-games::-webkit-scrollbar { display: none; }
.dy-game { flex: 0 0 auto; border: 0; border-radius: 15px; padding: 7px 15px; background: #fff; color: #666; font-size: 12px; }
.dy-game.on { background: var(--orange); color: #fff; font-weight: 800; box-shadow: 0 6px 14px rgba(246,166,35,.28); }
.dy-subtabs { display: flex; gap: 22px; padding: 12px 16px 8px; background: #F5F5F5; }
.dy-subtabs button { border: 0; background: none; padding: 2px 0 7px; font-size: 13px; color: #555; position: relative; }
.dy-subtabs button.on { color: #222; font-weight: 900; }
.dy-subtabs button.on::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 16px; height: 3px; border-radius: 2px; background: var(--orange); }
.dy-promo { margin: 8px 14px 0; height: 58px; border-radius: 12px; background: linear-gradient(100deg, #1D1D1D, #333); display: flex; align-items: center; padding: 0 16px; color: #fff; overflow: hidden; position: relative; }
.dy-promo .pt { font-size: 14px; font-weight: 900; color: #FFD36E; }
.dy-promo .ps { font-size: 10px; color: #BDBDBD; margin-top: 3px; }
.dy-promo .go { margin-left: auto; background: var(--green); color: #0B2A16; border-radius: 14px; padding: 5px 13px; font-size: 11px; font-weight: 900; }
.dy-goods { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; padding: 0 14px; }
.dy-good { border: 0; padding: 0; background: #fff; border-radius: 12px; overflow: hidden; text-align: left; box-shadow: 0 3px 10px rgba(0,0,0,.03); }
.dy-good .cover { position: relative; aspect-ratio: 1 / 1.05; background: linear-gradient(150deg, #D6FFCB, #7DFF5C 60%, #38E06E); display: flex; align-items: center; justify-content: center; }
.dy-good .cover .wm { font-size: 54px; font-weight: 900; color: rgba(255,255,255,.55); }
.dy-good .cover .tag { position: absolute; left: 6px; top: 6px; background: rgba(255,255,255,.9); color: #16803C; font-size: 9px; font-weight: 800; border-radius: 4px; padding: 2px 5px; }
.dy-good .body { padding: 8px 8px 10px; }
.dy-good .gn { font-size: 12px; font-weight: 700; line-height: 1.35; color: #222; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.dy-good .gp { margin-top: 5px; font-size: 15px; font-weight: 900; color: #F03A2E; }
.dy-good .gs { font-size: 9px; color: #B0B0B0; margin-top: 2px; }

/* ---------------- 分类 ---------------- */
.dy-cat-wrap { display: flex; height: calc(100vh - 150px); }
.dy-cat-side { width: 92px; flex: 0 0 92px; background: #FBFBFB; overflow-y: auto; padding-bottom: 90px; }
.dy-cat-side button { width: 100%; border: 0; background: none; padding: 16px 6px; font-size: 12px; color: #777; }
.dy-cat-side button.on { background: #fff; color: #F08A0C; font-weight: 800; position: relative; }
.dy-cat-side button.on::before { content: ""; position: absolute; left: 0; top: 14px; bottom: 14px; width: 3px; border-radius: 2px; background: var(--orange); }
.dy-cat-main { flex: 1; overflow-y: auto; background: #fff; padding: 12px 12px 110px; }
.dy-seg { display: flex; gap: 8px; margin-bottom: 10px; }
.dy-seg button { border: 0; border-radius: 14px; padding: 6px 14px; background: #F4F4F4; color: #666; font-size: 12px; }
.dy-seg button.on { background: #171717; color: var(--green); font-weight: 800; }
.dy-cat-main .dy-goods { grid-template-columns: repeat(2, 1fr); padding: 0; }
.dy-cat-group h3 { font-size: 14px; margin: 14px 0 9px; font-weight: 800; }

/* ---------------- 我的 ---------------- */
.dy-me-top { background: linear-gradient(180deg, #FFB347 0%, #FFCF7A 58%, #F5F5F5 58%); padding: 20px 16px 0; }
.dy-me-user { display: flex; align-items: center; gap: 12px; color: #fff; }
.dy-me-ava { width: 58px; height: 58px; border-radius: 50%; background: rgba(255,255,255,.9); border: 2px solid rgba(255,255,255,.6); display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 800; color: #F08A0C; }
.dy-me-name { font-size: 18px; font-weight: 900; display: flex; align-items: center; gap: 7px; text-shadow: 0 1px 4px rgba(180,100,0,.15); }
.dy-lv { background: #171717; color: var(--green); font-size: 9px; padding: 2px 6px; border-radius: 4px; font-weight: 800; }
.dy-me-id { font-size: 11px; opacity: .95; margin-top: 4px; display: flex; align-items: center; gap: 5px; }
.dy-me-user .right { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.dy-balance { margin-top: 16px; border-radius: 14px; padding: 15px 16px; background: linear-gradient(120deg, #FFF1D2, #FFE2AA); color: #6A4400; display: flex; align-items: center; box-shadow: 0 6px 16px rgba(220,160,60,.14); }
.dy-balance .bl { font-size: 10px; color: #9A7A45; display: flex; align-items: center; gap: 3px; }
.dy-balance .bv { font-size: 24px; font-weight: 900; color: #3A2A12; margin-top: 3px; }
.dy-balance .right { margin-left: auto; text-align: right; font-size: 11px; color: #9A7A45; }
.dy-balance .switch { color: #3A2A12; font-size: 12px; font-weight: 800; margin-top: 5px; }
.dy-warn { margin: 12px 16px 0; border-radius: 10px; background: #FFF7E0; border: 1px solid #FFE9A8; padding: 10px 12px; display: flex; gap: 8px; align-items: flex-start; font-size: 11px; color: #A87900; line-height: 1.5; }
.dy-warn .wi { color: #F03A2E; flex: 0 0 auto; margin-top: 1px; }
.dy-me-card { background: #fff; border-radius: 14px; margin: 12px 14px; padding: 14px; }
.dy-order-row { display: flex; margin-top: 14px; }
.dy-oe { flex: 1; border: 0; background: none; display: flex; flex-direction: column; align-items: center; gap: 7px; font-size: 11px; color: #555; position: relative; }
.dy-oe .oi { width: 40px; height: 40px; border-radius: 12px; background: #FFF3DE; color: #F08A0C; display: flex; align-items: center; justify-content: center; }
.dy-oe .badge { position: absolute; top: -4px; right: 8px; min-width: 15px; height: 15px; padding: 0 4px; border-radius: 8px; background: #FF3B30; color: #fff; font-size: 9px; display: flex; align-items: center; justify-content: center; }
.dy-fn-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px 4px; margin-top: 14px; }
.dy-fn { border: 0; background: none; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 11px; color: #555; position: relative; }
.dy-fn .fi { width: 36px; height: 36px; border-radius: 10px; background: #F7F7F7; color: #F08A0C; display: flex; align-items: center; justify-content: center; }
.dy-partner { margin: 14px; border-radius: 14px; background: #fff; padding: 16px 14px; text-align: center; }
.dy-partner .tagline { display: inline-flex; align-items: center; gap: 6px; font-size: 10px; color: #A88B5E; background: #FFF6E3; border-radius: 12px; padding: 5px 12px; }
.dy-partner .tagline i { width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(135deg,#FFC85C,#F08A0C); display: inline-block; }
.dy-partner .big { margin-top: 12px; width: 100%; height: 44px; border: 0; border-radius: 22px; background: linear-gradient(135deg, #7C5CFF, #B18CFF); color: #fff; font-size: 13px; font-weight: 800; box-shadow: 0 10px 22px rgba(124,92,255,.28); }

/* ---------------- 打手端 ---------------- */
.dy-pl-head { background: linear-gradient(170deg, #173D2A 0%, #0E2419 100%); padding: 16px 16px 42px; border-radius: 0 0 26px 26px; color: #fff; }
.dy-pl-title { display: flex; align-items: center; }
.dy-pl-title .t { flex: 1; text-align: center; font-size: 16px; font-weight: 800; }
.dy-pl-user { display: flex; align-items: center; gap: 11px; margin-top: 16px; }
.dy-pl-ava { width: 50px; height: 50px; border-radius: 50%; background: #BDBDBD; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; }
.dy-pl-name { font-size: 16px; font-weight: 800; }
.dy-pl-sub { font-size: 10px; color: rgba(255,255,255,.6); margin-top: 4px; }
.dy-pl-user .right { margin-left: auto; }
.dy-pl-switch { border: 1px solid rgba(125,255,92,.55); color: var(--green); background: rgba(125,255,92,.1); border-radius: 15px; padding: 6px 12px; font-size: 11px; font-weight: 700; }
.dy-onoff { display: flex; background: rgba(255,255,255,.1); border-radius: 18px; padding: 3px; margin-top: 14px; }
.dy-onoff button { flex: 1; border: 0; border-radius: 15px; background: none; color: rgba(255,255,255,.6); height: 32px; font-size: 12px; }
.dy-onoff button.on { background: var(--green); color: #0B2A16; font-weight: 800; }
.dy-pl-stats { margin: -28px 14px 0; border-radius: 16px; padding: 16px; background: #C9F7A4; color: #123018; display: flex; box-shadow: 0 10px 24px rgba(80,160,60,.16); position: relative; z-index: 2; }
.dy-pl-stats .st { flex: 1; text-align: center; }
.dy-pl-stats .st b { display: block; font-size: 18px; font-weight: 900; }
.dy-pl-stats .st span { display: block; font-size: 10px; color: #4A6B45; margin-top: 4px; }
.dy-today { background: #fff; border-radius: 14px; margin: 12px 14px; padding: 14px; }
.dy-today .h { display: flex; align-items: center; font-size: 15px; font-weight: 800; }
.dy-today .h .right { margin-left: auto; font-size: 11px; color: #999; }
.dy-today .empty { padding: 34px 0 26px; }

/* ---------------- 接单池 ---------------- */
.dy-pool-head { background: linear-gradient(180deg, #FFB347, #F6A623); padding: 12px 14px 6px; }
.dy-pool-tabs { display: flex; gap: 22px; overflow-x: auto; padding: 4px 2px 8px; scrollbar-width: none; }
.dy-pool-tabs::-webkit-scrollbar { display: none; }
.dy-pool-tabs button { flex: 0 0 auto; border: 0; background: none; padding: 2px 0 7px; color: rgba(255,255,255,.8); font-size: 13px; position: relative; }
.dy-pool-tabs button.on { color: #171717; font-weight: 900; }
.dy-pool-tabs button.on::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 18px; height: 3px; border-radius: 2px; background: #171717; }
.dy-chips { display: flex; gap: 8px; padding: 12px 14px 2px; }
.dy-chip { border: 0; border-radius: 13px; padding: 6px 14px; background: #fff; color: #666; font-size: 11px; }
.dy-chip.on { background: var(--green); color: #0B2A16; font-weight: 800; }
.dy-pcard { background: #fff; border-radius: 14px; margin: 11px 14px; padding: 14px; }
.dy-pcard .top { display: flex; align-items: center; }
.dy-region { color: #E88300; font-size: 11px; font-weight: 700; }
.dy-fee { margin-left: auto; font-size: 11px; color: #777; }
.dy-fee b { color: #22A06B; font-size: 13px; font-weight: 800; }
.dy-pcard .row { display: flex; gap: 10px; margin-top: 11px; }
.dy-thumb { width: 56px; height: 56px; border-radius: 10px; flex: 0 0 auto; background: linear-gradient(145deg, #D6FFCB, #5BE88A); display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 900; color: rgba(255,255,255,.7); }
.dy-pinfo { flex: 1; min-width: 0; }
.dy-pinfo .t { font-size: 14px; font-weight: 800; }
.dy-pinfo .s { font-size: 10px; color: #A8A8A8; margin-top: 4px; }
.dy-pinfo .p { font-size: 13px; font-weight: 800; margin-top: 5px; }
.dy-lines { margin-top: 12px; border-top: 1px dashed #F0F0F0; padding-top: 9px; }
.dy-line { display: flex; font-size: 11px; line-height: 1.95; }
.dy-line .k { width: 68px; color: #A5A5A5; flex: 0 0 auto; }
.dy-line .v { flex: 1; color: #444; word-break: break-all; }
.dy-pcard .btn { margin-top: 11px; display: flex; justify-content: flex-end; }
.dy-pcard .btn button { border: 0; border-radius: 17px; padding: 8px 24px; background: var(--green); color: #0B2A16; font-size: 12px; font-weight: 900; }

/* ---------------- 订单 ---------------- */
.dy-tabs { display: flex; gap: 8px; padding: 10px 14px; overflow-x: auto; scrollbar-width: none; }
.dy-tabs::-webkit-scrollbar { display: none; }
.dy-tab2 { flex: 0 0 auto; border: 0; border-radius: 15px; padding: 7px 15px; background: #fff; color: #777; font-size: 12px; }
.dy-tab2.on { background: #171717; color: var(--green); font-weight: 800; }
.dy-ocard { background: #fff; border-radius: 14px; margin: 0 14px 11px; padding: 14px; }
.dy-ocard .top { display: flex; align-items: center; }
.dy-ost { font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 4px; background: #FFF1D6; color: #E88300; }
.dy-ost.done { background: #E8F8EE; color: #22A06B; }
.dy-ocard .rows { margin-top: 10px; }
.dy-ocard .foot { margin-top: 11px; display: flex; gap: 8px; justify-content: flex-end; }
.dy-ocard .foot button { border: 0; border-radius: 16px; padding: 8px 18px; background: #F5F5F5; color: #555; font-size: 12px; }
.dy-ocard .foot button.green { background: var(--green); color: #0B2A16; font-weight: 800; }

/* ---------------- 消息 / 聊天 ---------------- */
.dy-msg-row { display: flex; align-items: center; gap: 12px; background: #fff; margin: 10px 14px; border-radius: 14px; padding: 14px; }
.dy-msg-ic { width: 42px; height: 42px; border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.dy-msg-ic.sys { background: #FFF3DE; color: #F08A0C; }
.dy-msg-ic.kf { background: #E8F8EE; color: #22A06B; }
.dy-msg-t { font-size: 14px; font-weight: 700; }
.dy-msg-s { font-size: 11px; color: #A6A6A6; margin-top: 4px; }
.dy-msg-row .right { margin-left: auto; color: #C6C6C6; }
.dy-chat-page { min-height: 100vh; background: #F2F2F2; display: flex; flex-direction: column; }
.dy-chat-head { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; padding: 12px 14px; background: #fff; }
.dy-chat-head .t { flex: 1; text-align: center; font-size: 15px; font-weight: 700; }
.dy-chat-head .ph { width: 30px; }
.dy-chat-head .dy-round { background: none; color: #333; width: 30px; height: 30px; }
.dy-chat-msgs { flex: 1; padding: 12px 14px 100px; }
.dy-day { text-align: center; font-size: 10px; color: #B5B5B5; margin: 8px 0 16px; }
.dy-msgline { display: flex; gap: 8px; margin-bottom: 14px; align-items: flex-start; }
.dy-msgline.me { flex-direction: row-reverse; }
.dy-mava { width: 32px; height: 32px; border-radius: 8px; background: #fff; color: #999; display: flex; align-items: center; justify-content: center; font-size: 12px; flex: 0 0 auto; }
.dy-msgline.me .dy-mava { background: var(--green); color: #0B2A16; font-weight: 800; }
.dy-msgline.me .dy-mava { display: none; }
.dy-bubble { max-width: 72%; padding: 10px 12px; border-radius: 3px 10px 10px 10px; background: #fff; font-size: 13px; line-height: 1.55; color: #222; word-break: break-word; }
.dy-msgline.me .dy-bubble { background: var(--green); border-radius: 10px 3px 10px 10px; color: #0B2A16; }
.dy-chat-input { position: fixed; left: 50%; transform: translateX(-50%); bottom: 0; width: 100%; max-width: 480px; background: #F4F4F4; border-top: 1px solid #E9E9E9; padding: 8px 10px calc(8px + env(safe-area-inset-bottom)); display: flex; gap: 8px; align-items: center; z-index: 60; }
.dy-chat-input .ci { width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid #555; background: transparent; color: #333; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; }
.dy-chat-input input { flex: 1; min-width: 0; height: 38px; border: 0; border-radius: 6px; background: #fff; padding: 0 10px; font-size: 13px; }

/* ---------------- 登录 ---------------- */
.dy-login { min-height: 100vh; background: linear-gradient(170deg, #FFB347 0%, #F08A0C 52%, #F5F5F5 52.1%); display: flex; flex-direction: column; padding: 0 24px calc(22px + env(safe-area-inset-bottom)); }
.dy-login-top { display: flex; align-items: center; padding: 16px 0; color: #fff; }
.dy-login-top .t { flex: 1; text-align: center; font-size: 16px; font-weight: 800; }
.dy-login-hero { text-align: center; margin-top: 18px; color: #fff; }
.dy-login-logo { width: 88px; height: 88px; border-radius: 24px; margin: 0 auto; background: #fff; color: #F08A0C; font-size: 38px; font-weight: 900; display: flex; align-items: center; justify-content: center; box-shadow: 0 18px 40px rgba(180,80,0,.28); }
.dy-login-hero h1 { margin: 18px 0 6px; font-size: 21px; font-weight: 900; letter-spacing: 1px; }
.dy-login-hero p { margin: 0; font-size: 11px; opacity: .9; }
.dy-login-card { margin-top: 30px; background: #fff; border-radius: 18px; padding: 20px 18px; box-shadow: 0 16px 50px rgba(0,0,0,.10); }
.dy-login-card .lt { text-align: center; font-size: 12px; color: #999; margin-bottom: 16px; }
.dy-login-btn { width: 100%; height: 50px; border-radius: 25px; border: 0; display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 15px; font-weight: 800; margin-bottom: 12px; color: #fff; }
.dy-login-btn.wx { background: #07C160; }
.dy-login-btn.qq { background: #12B7F5; }
.dy-agree { display: flex; gap: 8px; align-items: flex-start; font-size: 11px; color: #999; line-height: 1.6; margin-top: 14px; }
.dy-agree .cb { width: 15px; height: 15px; border-radius: 50%; border: 1.5px solid #D5D5D5; flex: 0 0 auto; margin-top: 1px; display: flex; align-items: center; justify-content: center; color: #0B2A16; }
.dy-agree .cb.on { background: var(--green); border-color: var(--green); }
.dy-login-foot { margin-top: auto; padding-top: 24px; text-align: center; font-size: 11px; color: #BDBDBD; line-height: 1.8; }

/* ---------------- 详情 / 神器 / 邀请 / 申请 ---------------- */
.dy-hero-pic { height: 220px; background: linear-gradient(150deg, #D6FFCB, #5BE88A); display: flex; align-items: center; justify-content: center; font-size: 80px; font-weight: 900; color: rgba(255,255,255,.65); }
.dy-detail { background: #fff; border-radius: 18px 18px 0 0; margin-top: -18px; position: relative; padding: 18px 14px 110px; }
.dy-detail h1 { margin: 0; font-size: 19px; font-weight: 900; }
.dy-price { margin-top: 8px; font-size: 26px; font-weight: 900; color: #F03A2E; }
.dy-price small { font-size: 11px; color: #999; font-weight: 400; margin-left: 5px; }
.dy-form { margin-top: 14px; }
.dy-form label { display: block; font-size: 12px; color: #777; margin-bottom: 6px; font-weight: 600; }
.dy-fixed { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 480px; background: #fff; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid #F0F0F0; z-index: 70; }
.dy-hero-card { margin: 14px; border-radius: 18px; padding: 20px; background: linear-gradient(130deg, #1B3A29, #0E2419); color: #fff; position: relative; overflow: hidden; }
.dy-hero-card::after { content: "⚡"; position: absolute; right: 8px; bottom: -16px; font-size: 84px; opacity: .18; }
.dy-hero-card h2 { margin: 0; font-size: 19px; font-weight: 900; color: var(--green); }
.dy-hero-card p { margin: 7px 0 0; font-size: 11px; color: rgba(255,255,255,.65); }
.dy-price-big { margin-top: 14px; font-size: 30px; font-weight: 900; color: #fff; }
.dy-price-big small { font-size: 12px; color: rgba(255,255,255,.6); font-weight: 400; }
.dy-rule { display: flex; gap: 8px; font-size: 12px; color: #666; line-height: 1.6; margin-top: 12px; }
.dy-rule .i { color: #22A06B; flex: 0 0 auto; margin-top: 1px; }
.dy-code { display: flex; align-items: center; gap: 10px; background: #F3FFF0; border: 1px dashed #8FE8A5; border-radius: 12px; padding: 14px; margin-top: 12px; }
.dy-code .c { flex: 1; font-size: 20px; font-weight: 900; letter-spacing: 2px; color: #16803C; }
.dy-code button { border: 0; border-radius: 14px; padding: 7px 14px; background: #171717; color: var(--green); font-size: 11px; font-weight: 700; }
.dy-apply-item { display: flex; align-items: center; gap: 11px; padding: 12px 0; border-top: 1px solid #F4F4F4; }
.dy-apply-item .ai { width: 36px; height: 36px; border-radius: 10px; background: #FFF3DE; color: #F08A0C; display: flex; align-items: center; justify-content: center; }
.dy-apply-item .t { font-size: 12px; font-weight: 700; }
.dy-apply-item .s { font-size: 10px; color: #A6A6A6; margin-top: 3px; }
.dy-apply-item .st { margin-left: auto; font-size: 10px; padding: 4px 8px; border-radius: 9px; background: #F4F4F4; color: #999; }
.dy-apply-item .st.pending { background: #FFF3DE; color: #E88300; }
.dy-apply-item .st.approved { background: #E8F8EE; color: #22A06B; }
.dy-apply-item .st.rejected { background: #FFEDEE; color: #E5484D; }
.dy-modal { position: fixed; inset: 0; z-index: 900; background: rgba(0,0,0,.45); display: flex; align-items: flex-end; }
.dy-modal .panel { width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border-radius: 20px 20px 0 0; padding: 20px 16px calc(20px + env(safe-area-inset-bottom)); }
.dy-modal h3 { margin: 0 0 14px; text-align: center; font-size: 17px; font-weight: 900; }
.dy-modal .q { background: #F3FFF0; border-radius: 12px; padding: 14px; text-align: center; font-size: 20px; font-weight: 900; letter-spacing: 2px; color: #16803C; }
.dy-modal .tip { text-align: center; font-size: 11px; color: #A6A6A6; margin-top: 10px; }

/* 真实素材还原 */
.dy-brand .dy-ava { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; border: 2px solid #fff; box-shadow: 0 4px 10px rgba(0,0,0,.08); flex: 0 0 auto; }
.dy-tab .ic img { width: 22px; height: 22px; display: block; object-fit: contain; }
.dy-tab.on .ic { background: transparent; box-shadow: none; }
.dy-tab.on span { color: var(--green); }
.dy-tab.center { background: none; }
.dy-tab-center { width: 54px; height: 54px; margin-top: -12px; object-fit: contain; filter: drop-shadow(0 5px 10px rgba(0,0,0,.18)); }
.dy-banner { background: url(../../assets/img/duyan/hero.jpg) right center / cover no-repeat; }
.dy-banner .dots { position: absolute; left: 50%; bottom: 10px; transform: translateX(-50%); display: flex; gap: 5px; z-index: 2; }
.dy-banner .dots i { width: 6px; height: 6px; border-radius: 3px; background: rgba(255,255,255,.7); }
.dy-banner .dots i.on { width: 14px; background: #fff; }
.dy-promo { background: url(../../assets/img/duyan/banner.jpg) center / cover no-repeat; }
.dy-me-top { background: linear-gradient(180deg, #F3FBEC 0%, #EDF7E3 58%, #F5F5F5 58%); }
.dy-me-user { color: #202020; }
.dy-me-name { text-shadow: none; }
.dy-me-ava { overflow: hidden; background: #fff; }
.dy-me-ava img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.dy-balance { background: url(../../assets/img/duyan/mine/fen.jpg) center / cover no-repeat; }
.dy-good .cover::after, .dy-goods .dy-good .cover::after { display: none; }
.dy-good .cover .wm { display: none; }
.dy-good .cover .gi { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.dy-hero-pic { overflow: hidden; }
.dy-hero-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dy-pick-hero { background: linear-gradient(135deg, #FFF3DE, #E9FFE4); padding: 20px 16px; }
.dy-pick-hero h2 { font-size: 20px; font-weight: 900; color: #1F2430; }
.dy-pick-hero p { margin-top: 6px; font-size: 12px; color: #7B8494; }
.dy-pick-tabs { display: flex; gap: 10px; padding: 14px 14px 0; }
.dy-pick-tabs button { flex: 1; height: 44px; border: 1px solid #E8EAF0; background: #fff; border-radius: 14px; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 14px; font-weight: 800; color: #6B7280; }
.dy-pick-tabs button img { width: 20px; height: 20px; }
.dy-pick-tabs button.on { background: linear-gradient(135deg, #FFD34D, #F6A623); color: #3A2A00; border-color: transparent; box-shadow: 0 6px 16px rgba(246, 166, 35, .28); }
.dy-pick-tip { margin: 12px 14px 0; display: flex; align-items: center; gap: 6px; font-size: 11px; color: #16A34A; background: #F1FFF1; border: 1px solid #D7F5D7; border-radius: 10px; padding: 8px 10px; }
.dy-pick-list { padding: 12px 14px 0; display: flex; flex-direction: column; gap: 12px; }
.dy-pick-card { display: flex; align-items: center; gap: 12px; background: #fff; border-radius: 16px; padding: 12px; box-shadow: 0 4px 14px rgba(24, 32, 48, .06); }
.dy-pick-card .pa { width: 58px; height: 58px; border-radius: 50%; background: #FFF3DE; object-fit: cover; flex: 0 0 auto; }
.dy-pick-card .pm { flex: 1; min-width: 0; }
.dy-pick-card .pn { display: flex; align-items: center; gap: 6px; font-size: 15px; font-weight: 900; color: #1F2430; }
.dy-pick-card .pg { width: 14px; height: 14px; }
.dy-pick-card .ptag { font-size: 10px; font-weight: 800; color: #F08A0C; background: #FFF3DE; border-radius: 6px; padding: 2px 6px; }
.dy-pick-card .pl { font-size: 12px; color: #7B8494; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dy-pick-card .ps { display: flex; align-items: center; gap: 5px; font-size: 11px; color: #16A34A; margin-top: 6px; }
.dy-pick-card .ps .dot { width: 6px; height: 6px; border-radius: 50%; background: #22C55E; box-shadow: 0 0 0 3px rgba(34, 197, 94, .16); }
.dy-pick-card .pr { text-align: right; flex: 0 0 auto; }
.dy-pick-card .pp { font-size: 16px; font-weight: 900; color: #F03A2E; }
.dy-pick-card .pp small { font-size: 10px; font-weight: 600; color: #9AA0AE; }
.dy-pick-card .pr button { margin-top: 8px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #FFD34D, #F6A623); color: #3A2A00; font-size: 12px; font-weight: 900; padding: 7px 16px; box-shadow: 0 4px 10px rgba(246, 166, 35, .3); }