:root{ --gold:#C9973A; --gold-light:#E8C87A; --gold-dim:rgba(201,151,58,0.15); --gold-border:rgba(201,151,58,0.3); --dark:#0F1A14; --dark2:#162018; --dark3:#1E2D22; --dark4:#243328; --surface:rgba(255,255,255,0.05); --surface2:rgba(255,255,255,0.08); --surface3:rgba(255,255,255,0.12); --text:#F0EBE0; --text2:rgba(240,235,224,0.65); --text3:rgba(240,235,224,0.38); --green:#2A7A52; --green-light:#3DAA72; --pink:#C0607A; --teal:#1D9E75; --purple:#7A6DD0; --radius:16px; --radius-sm:10px; --radius-xs:8px; } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent} html,body{height:100%;width:100%;overflow:hidden;background:var(--dark)} body{font-family:'Noto Sans SC',sans-serif;font-size:14px;line-height:1.6;color:var(--text);-webkit-font-smoothing:antialiased} .app{max-width:430px;width:100%;height:100vh;margin:0 auto;background:var(--dark);position:relative;overflow:hidden;display:flex;flex-direction:column} .tab-bar{flex-shrink:0;display:flex;background:rgba(15,26,20,0.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:0.5px solid rgba(201,151,58,0.2);padding-bottom:env(safe-area-inset-bottom,0px)} .tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 4px 8px;cursor:pointer;gap:3px;position:relative;transition:opacity .2s} .tab-item .ti{font-size:20px;transition:transform .2s} .tab-item .tl{font-size:9px;color:var(--text3);font-weight:500;letter-spacing:.05em;transition:color .2s} .tab-item.active .tl{color:var(--gold)} .tab-item.active .ti{transform:scale(1.12)} .tab-item.active::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:24px;height:2px;background:var(--gold);border-radius:0 0 2px 2px} .page{display:none;flex-direction:column;flex:1;overflow:hidden} .page.active{display:flex} .scroll-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch} .scroll-body::-webkit-scrollbar{display:none} .screen{display:none;flex-direction:column;width:100%;height:100%} .screen.active{display:flex} @keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}} @keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}} @keyframes pulse{0%,100%{opacity:.6}50%{opacity:1}} .anim-in{animation:fadeUp .4s ease both} .anim-in-d1{animation-delay:.05s} .anim-in-d2{animation-delay:.1s} .anim-in-d3{animation-delay:.15s} .anim-in-d4{animation-delay:.2s} .anim-in-d5{animation-delay:.25s} .page-hdr{flex-shrink:0;padding:20px 22px 16px;padding-top:max(20px,env(safe-area-inset-top,20px));background:transparent} .page-hdr-title{font-family:'Noto Serif SC',serif;font-size:22px;font-weight:700;color:var(--text);letter-spacing:.02em} .page-hdr-sub{font-size:11px;color:var(--gold);margin-top:3px;letter-spacing:.06em} .hdr{flex-shrink:0;padding:14px 20px 10px;padding-top:max(14px,env(safe-area-inset-top,14px));display:flex;align-items:center;gap:12px} .back-btn{width:36px;height:36px;border-radius:50%;border:0.5px solid var(--gold-border);background:var(--gold-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--gold);flex-shrink:0;transition:background .15s} .back-btn:active{background:rgba(201,151,58,.25)} .prog-wrap{flex:1;height:2px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden} .prog-bar{height:100%;background:linear-gradient(90deg,var(--green),var(--gold));border-radius:2px;transition:width .5s cubic-bezier(.4,0,.2,1)} .step-lbl{font-size:11px;color:var(--text3);white-space:nowrap;letter-spacing:.05em} .btn-main{width:100%;padding:16px;background:linear-gradient(135deg,var(--green) 0%,var(--teal) 100%);color:#fff;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;font-family:'Noto Sans SC',sans-serif;cursor:pointer;transition:opacity .15s,transform .1s;letter-spacing:.04em;position:relative;overflow:hidden} .btn-main::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);pointer-events:none} .btn-main:disabled{opacity:.25;cursor:not-allowed} .btn-main:active:not(:disabled){opacity:.88;transform:scale(.99)} .btn-gold{background:linear-gradient(135deg,#B8841E 0%,var(--gold) 50%,#E8C87A 100%);color:#1a0e00} .btn-outline{background:transparent;border:0.5px solid var(--gold-border);color:var(--gold)} .ftr{flex-shrink:0;padding:16px 22px;padding-bottom:max(16px,env(safe-area-inset-bottom,16px));background:transparent} #pg-home .home-hero{position:relative;padding:0 24px 32px;padding-top:max(40px,calc(env(safe-area-inset-top,0px)+28px));overflow:hidden;background:linear-gradient(160deg,#0a1510 0%,#162018 40%,#1a2a1e 100%)} #pg-home .hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none} #pg-home .hero-orb{position:absolute;border-radius:50%;filter:blur(60px)} #pg-home .orb1{width:300px;height:300px;background:radial-gradient(circle,rgba(42,122,82,.35) 0%,transparent 70%);top:-80px;right:-60px} #pg-home .orb2{width:200px;height:200px;background:radial-gradient(circle,rgba(201,151,58,.2) 0%,transparent 70%);bottom:-40px;left:-40px} #pg-home .hero-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--gold);background:rgba(201,151,58,.12);border:0.5px solid var(--gold-border);padding:5px 12px;border-radius:20px;margin-bottom:20px;letter-spacing:.1em;font-weight:500} #pg-home .hero-title{font-family:'Noto Serif SC',serif;font-size:32px;font-weight:700;color:var(--text);line-height:1.2;margin-bottom:10px;letter-spacing:.02em} #pg-home .hero-title em{font-style:normal;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} #pg-home .hero-sub{font-size:13px;color:var(--text2);line-height:1.75;margin-bottom:28px} #pg-home .hero-btns{display:flex;gap:10px} #pg-home .hero-btns-row2{display:flex;margin-top:10px} #pg-home .hero-btns-row2 .hbtn{flex:1} #pg-home .hero-btns .hbtn{flex:1;padding:14px 10px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:'Noto Sans SC',sans-serif;transition:opacity .15s,transform .1s;letter-spacing:.03em} #pg-home .hero-btns .hbtn:active{opacity:.85;transform:scale(.98)} #pg-home .hbtn-primary{background:linear-gradient(135deg,#B8841E,var(--gold));color:#1a0e00} #pg-home .hbtn-scan{background:linear-gradient(135deg,rgba(29,158,117,.25),rgba(29,158,117,.15));color:#7ADFC0;border:0.5px solid rgba(29,158,117,.4) !important;position:relative;overflow:hidden} #pg-home .hbtn-scan::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(29,158,117,.08),transparent);pointer-events:none} #pg-home .hbtn-secondary{background:var(--surface2);color:var(--text);border:0.5px solid var(--gold-border) !important;border-radius:var(--radius-sm);padding:14px 10px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Noto Sans SC',sans-serif;transition:opacity .15s,transform .1s;letter-spacing:.03em} #pg-home .hbtn-secondary:active{opacity:.85;transform:scale(.98)} .stats-row{display:flex;margin:0 20px;gap:10px} .stat-card{flex:1;background:var(--dark3);border:0.5px solid rgba(255,255,255,.06);border-radius:var(--radius-sm);padding:14px 10px;text-align:center} .stat-num{font-family:'Noto Serif SC',serif;font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} .stat-lbl{font-size:10px;color:var(--text3);margin-top:3px;letter-spacing:.04em} .sec-hdr{padding:24px 22px 12px;display:flex;align-items:center;justify-content:space-between} .sec-hdr-title{font-family:'Noto Serif SC',serif;font-size:16px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px} .sec-hdr-title span{font-size:16px} .sec-hdr-more{font-size:11px;color:var(--gold);cursor:pointer;letter-spacing:.04em} .pyr-list{padding:0 20px;display:flex;flex-direction:column;gap:8px} .pni{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius);cursor:pointer;position:relative;overflow:hidden;transition:transform .15s,opacity .15s;border:0.5px solid transparent} .pni:active{transform:scale(.98);opacity:.88} .pni-glow{position:absolute;top:-20px;right:-20px;width:100px;height:100px;border-radius:50%;filter:blur(40px);pointer-events:none;opacity:.4} .pni-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0} .pni-body{flex:1} .pni-title{font-size:14px;font-weight:600;margin-bottom:3px;letter-spacing:.02em} .pni-desc{font-size:11px;opacity:.7;line-height:1.5} .pni-pill{font-size:9px;padding:3px 8px;border-radius:10px;font-weight:600;letter-spacing:.04em;white-space:nowrap;margin-left:8px} .pni-arr{font-size:13px;color:rgba(255,255,255,.25);margin-left:4px} .pni-l1{background:linear-gradient(135deg,rgba(184,132,30,.12),rgba(232,200,122,.06));border-color:rgba(232,200,122,.2)} .pni-l1 .pni-glow{background:#C9973A} .pni-l1 .pni-icon{background:rgba(201,151,58,.15)} .pni-l1 .pni-title{color:#E8C87A} .pni-l1 .pni-pill{background:rgba(201,151,58,.15);color:#E8C87A} .pni-l2{background:linear-gradient(135deg,rgba(192,96,122,.12),rgba(232,160,192,.06));border-color:rgba(232,160,192,.2)} .pni-l2 .pni-glow{background:#C0607A} .pni-l2 .pni-icon{background:rgba(192,96,122,.15)} .pni-l2 .pni-title{color:#E8A0C0} .pni-l2 .pni-pill{background:rgba(192,96,122,.15);color:#E8A0C0} .pni-l3{background:linear-gradient(135deg,rgba(120,110,100,.1),rgba(160,150,140,.05));border-color:rgba(160,150,140,.15);border-style:dashed} .pni-l3 .pni-glow{background:#888} .pni-l3 .pni-icon{background:rgba(140,130,120,.12)} .pni-l3 .pni-title{color:rgba(240,235,224,.6)} .pni-l3 .pni-pill{background:rgba(140,130,120,.12);color:rgba(240,235,224,.5)} .pni-l4{background:linear-gradient(135deg,rgba(29,158,117,.12),rgba(100,220,180,.06));border-color:rgba(100,220,180,.2)} .pni-l4 .pni-glow{background:#1D9E75} .pni-l4 .pni-icon{background:rgba(29,158,117,.15)} .pni-l4 .pni-title{color:#7ADFC0} .pni-l4 .pni-pill{background:rgba(29,158,117,.15);color:#7ADFC0} .pni-l5{background:linear-gradient(135deg,rgba(122,109,208,.12),rgba(180,168,255,.06));border-color:rgba(180,168,255,.2)} .pni-l5 .pni-glow{background:#7A6DD0} .pni-l5 .pni-icon{background:rgba(122,109,208,.15)} .pni-l5 .pni-title{color:#C0B8F8} .pni-l5 .pni-pill{background:rgba(122,109,208,.15);color:#C0B8F8} .q-hero{padding:20px 22px 14px;flex-shrink:0} .q-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--gold);background:var(--gold-dim);border:0.5px solid var(--gold-border);padding:4px 11px;border-radius:20px;margin-bottom:14px;letter-spacing:.06em} .q-title{font-family:'Noto Serif SC',serif;font-size:22px;font-weight:700;line-height:1.3;margin-bottom:5px;color:var(--text)} .q-sub{font-size:12px;color:var(--text3)} .q-body{flex:1;padding:4px 22px 12px;overflow-y:auto;-webkit-overflow-scrolling:touch} .q-body::-webkit-scrollbar{display:none} .opts{display:flex;flex-direction:column;gap:10px} .opt{border:0.5px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:16px 18px;cursor:pointer;display:flex;align-items:center;gap:14px;background:var(--surface);transition:all .18s;position:relative;overflow:hidden} .opt::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(201,151,58,.06),transparent);opacity:0;transition:opacity .18s} .opt:active{transform:scale(.99)} .opt.sel{border-color:var(--gold-border);background:var(--gold-dim)} .opt.sel::before{opacity:1} .opt.sel .oi{background:var(--gold);color:#1a0e00;border-color:transparent} .opt.sel .ot strong{color:var(--gold-light)} .oi{width:38px;height:38px;border-radius:50%;border:0.5px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:var(--surface2);transition:all .18s} .ot{flex:1} .ot strong{display:block;font-size:14px;font-weight:600;margin-bottom:2px;color:var(--text);transition:color .18s} .ot span{font-size:11px;color:var(--text3)} .multi-note{font-size:11px;color:var(--text3);margin-bottom:12px;letter-spacing:.04em} .mopts{display:grid;grid-template-columns:1fr 1fr;gap:9px} .mopt{border:0.5px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:14px 10px;cursor:pointer;font-size:12px;text-align:center;background:var(--surface);display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .18s;min-height:74px;color:var(--text2)} .mopt:active{transform:scale(.98)} .mopt.sel{border-color:var(--gold-border);background:var(--gold-dim);color:var(--gold-light)} .mopt .mi{font-size:24px} .res-hdr{padding:28px 22px 22px;background:linear-gradient(160deg,rgba(42,122,82,.2) 0%,transparent 50%);flex-shrink:0;position:relative;overflow:hidden} .res-hdr::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(201,151,58,.15),transparent 70%);pointer-events:none} .res-av{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--teal));display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:14px;box-shadow:0 8px 24px rgba(29,158,117,.3)} .res-title{font-family:'Noto Serif SC',serif;font-size:20px;font-weight:700;margin-bottom:8px;color:var(--text)} .res-desc{font-size:13px;color:var(--text2);line-height:1.75} .res-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px} .rtag{font-size:10px;padding:4px 10px;border-radius:20px;background:var(--gold-dim);color:var(--gold);border:0.5px solid var(--gold-border);letter-spacing:.04em} .pyr-mini{margin:16px 22px 0;padding:16px 18px;background:var(--dark3);border-radius:var(--radius);border:0.5px solid rgba(255,255,255,.06)} .pyr-mini-title{font-size:9px;font-weight:600;color:var(--text3);margin-bottom:12px;letter-spacing:.1em;text-transform:uppercase;text-align:center} .pyr-row{display:flex;align-items:center;gap:10px;padding:5px 0} .pyr-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;opacity:.25;transition:all .3s} .pyr-row-label{font-size:12px;color:var(--text3);transition:color .3s} .pyr-row-label strong{font-weight:500;color:rgba(240,235,224,.4);transition:color .3s} .pyr-row.active .pyr-dot{opacity:1;box-shadow:0 0 8px currentColor} .pyr-row.active .pyr-row-label{color:var(--text2)} .pyr-row.active .pyr-row-label strong{color:var(--text)} .res-sec-lbl{padding:20px 22px 10px;font-size:10px;color:var(--text3);font-weight:600;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:8px} .res-sec-lbl::after{content:'';flex:1;height:0.5px;background:rgba(255,255,255,.06)} .pcards{padding:0 22px;display:flex;flex-direction:column;gap:10px;margin-bottom:4px} .pcard{border-radius:var(--radius);padding:18px;display:flex;gap:14px;position:relative;overflow:hidden;transition:transform .15s} .pcard:active{transform:scale(.99)} .pcard-shine{position:absolute;top:0;right:0;width:120px;height:120px;border-radius:50%;filter:blur(50px);pointer-events:none;opacity:.2} .pc-l1{background:linear-gradient(135deg,rgba(201,151,58,.12),rgba(201,151,58,.05));border:0.5px solid rgba(201,151,58,.25)} .pc-l1 .pcard-shine{background:var(--gold)} .pc-l2{background:linear-gradient(135deg,rgba(192,96,122,.12),rgba(192,96,122,.05));border:0.5px solid rgba(192,96,122,.25)} .pc-l2 .pcard-shine{background:var(--pink)} .pc-l3{background:linear-gradient(135deg,rgba(120,110,100,.1),rgba(120,110,100,.04));border:0.5px solid rgba(160,150,140,.15)} .pc-l3 .pcard-shine{background:#888} .pc-l4{background:linear-gradient(135deg,rgba(29,158,117,.12),rgba(29,158,117,.05));border:0.5px solid rgba(29,158,117,.25)} .pc-l4 .pcard-shine{background:var(--teal)} .pc-l5{background:linear-gradient(135deg,rgba(122,109,208,.12),rgba(122,109,208,.05));border:0.5px solid rgba(122,109,208,.25)} .pc-l5 .pcard-shine{background:var(--purple)} .pimg{width:64px;height:64px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:30px;background:rgba(255,255,255,.06);border:0.5px solid rgba(255,255,255,.08)} .pinfo{flex:1;min-width:0} .pbadge-row{display:flex;justify-content:flex-end;margin-bottom:4px} .pbadge{font-size:9px;padding:3px 8px;border-radius:8px;font-weight:700;letter-spacing:.05em} .pb-gold{background:rgba(201,151,58,.2);color:var(--gold-light);border:0.5px solid rgba(201,151,58,.3)} .pb-pink{background:rgba(192,96,122,.2);color:#F0A0C0;border:0.5px solid rgba(192,96,122,.3)} .pb-gray{background:rgba(140,130,120,.15);color:rgba(240,235,224,.5);border:0.5px solid rgba(140,130,120,.2)} .pb-teal{background:rgba(29,158,117,.2);color:#7ADFC0;border:0.5px solid rgba(29,158,117,.3)} .pb-purple{background:rgba(122,109,208,.2);color:#C0B8F8;border:0.5px solid rgba(122,109,208,.3)} .pname{font-size:15px;font-weight:700;margin-bottom:3px;color:var(--text)} .pprice{font-size:17px;font-weight:700;color:var(--gold);margin-bottom:6px;display:flex;align-items:baseline;gap:6px} .pprice-orig{font-size:11px;font-weight:400;color:var(--text3);text-decoration:line-through} .pdesc{font-size:11px;color:var(--text2);line-height:1.6;margin-bottom:10px} .ptags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px} .ptag{font-size:10px;padding:3px 8px;border-radius:8px;background:rgba(255,255,255,.06);color:var(--text3);border:0.5px solid rgba(255,255,255,.06)} .pc-l1 .ptag{background:rgba(201,151,58,.1);color:rgba(232,200,122,.7);border-color:rgba(201,151,58,.15)} .pc-l2 .ptag{background:rgba(192,96,122,.1);color:rgba(232,160,192,.7);border-color:rgba(192,96,122,.15)} .pc-l4 .ptag{background:rgba(29,158,117,.1);color:rgba(122,223,192,.7);border-color:rgba(29,158,117,.15)} .pc-l5 .ptag{background:rgba(122,109,208,.1);color:rgba(192,184,248,.7);border-color:rgba(122,109,208,.15)} .btn-buy{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:rgba(255,255,255,.08);color:var(--text);border:0.5px solid rgba(255,255,255,.12);border-radius:var(--radius-xs);font-size:12px;font-weight:600;cursor:pointer;font-family:'Noto Sans SC',sans-serif;letter-spacing:.04em;transition:all .15s} .btn-buy:active{opacity:.8;transform:scale(.98)} .pc-l1 .btn-buy{background:rgba(201,151,58,.15);color:var(--gold-light);border-color:rgba(201,151,58,.25)} .pc-l2 .btn-buy{background:rgba(192,96,122,.15);color:#F0A0C0;border-color:rgba(192,96,122,.25)} .pc-l4 .btn-buy{background:rgba(29,158,117,.15);color:#7ADFC0;border-color:rgba(29,158,117,.25)} .pc-l5 .btn-buy{background:rgba(122,109,208,.15);color:#C0B8F8;border-color:rgba(122,109,208,.25)} #pg-shop .shop-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch} #pg-shop .shop-scroll::-webkit-scrollbar{display:none} .shop-banner{margin:16px 20px 0;background:linear-gradient(135deg,#0d1f15 0%,#1a3020 40%,#223828 100%);border-radius:var(--radius);padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border:0.5px solid rgba(201,151,58,.2);overflow:hidden;position:relative} .shop-banner::before{content:'';position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(201,151,58,.2),transparent 70%);border-radius:50%;pointer-events:none} .shop-banner-text h3{font-family:'Noto Serif SC',serif;font-size:18px;font-weight:700;color:var(--text);margin-bottom:4px} .shop-banner-text p{font-size:11px;color:var(--text2);line-height:1.6} .shop-banner-icon{font-size:44px;opacity:.85;flex-shrink:0} .cat-tabs{padding:16px 20px 0;display:flex;gap:7px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none} .cat-tabs::-webkit-scrollbar{display:none} .cat-tab{flex-shrink:0;padding:7px 14px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;background:var(--surface2);color:var(--text3);border:0.5px solid rgba(255,255,255,.06);transition:all .18s;white-space:nowrap;letter-spacing:.03em} .cat-tab.active{background:var(--gold-dim);color:var(--gold);border-color:var(--gold-border)} .layer-sec{margin:20px 20px 0} .layer-sec-hdr{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);margin-bottom:10px} .ls-icon{font-size:22px;flex-shrink:0} .ls-info{} .ls-title{font-size:14px;font-weight:700;letter-spacing:.02em} .ls-desc{font-size:11px;margin-top:2px;opacity:.7} .ls-l1{background:rgba(201,151,58,.08);border:0.5px solid rgba(201,151,58,.2)}.ls-l1 .ls-title{color:#E8C87A} .ls-l2{background:rgba(192,96,122,.08);border:0.5px solid rgba(192,96,122,.2)}.ls-l2 .ls-title{color:#E8A0C0} .ls-l3{background:rgba(120,110,100,.08);border:0.5px dashed rgba(160,150,140,.2)}.ls-l3 .ls-title{color:rgba(240,235,224,.5)} .ls-l4{background:rgba(29,158,117,.08);border:0.5px solid rgba(29,158,117,.2)}.ls-l4 .ls-title{color:#7ADFC0} .ls-l5{background:rgba(122,109,208,.08);border:0.5px solid rgba(122,109,208,.2)}.ls-l5 .ls-title{color:#C0B8F8} .layer-products{display:flex;flex-direction:column;gap:10px} .coming-card{background:var(--surface);border:0.5px dashed rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:18px;text-align:center} .coming-card p{font-size:12px;color:var(--text3);line-height:1.7} .coming-card strong{color:var(--text2)} #pg-profile .profile-hero{background:linear-gradient(160deg,#0a1510 0%,#0f1f16 50%,#162018 100%);padding:36px 24px 28px;padding-top:max(36px,calc(env(safe-area-inset-top,0px)+24px));text-align:center;position:relative;overflow:hidden} #pg-profile .profile-hero::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(42,122,82,.2) 0%,transparent 65%);pointer-events:none} #pg-profile .profile-av-wrap{position:relative;display:inline-block;margin-bottom:16px} #pg-profile .profile-av{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#B8841E,var(--gold));display:flex;align-items:center;justify-content:center;font-family:'Noto Serif SC',serif;font-size:28px;font-weight:700;color:#1a0e00;border:2px solid rgba(201,151,58,.4);box-shadow:0 0 40px rgba(201,151,58,.25)} #pg-profile .profile-ring{position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(201,151,58,.2);animation:pulse 3s ease infinite} #pg-profile .profile-name{font-family:'Noto Serif SC',serif;font-size:22px;font-weight:700;color:var(--text);margin-bottom:6px} #pg-profile .profile-tagline{font-size:12px;color:var(--text2);line-height:1.7} #pg-profile .profile-stats{display:flex;justify-content:center;gap:0;margin-top:22px;background:rgba(255,255,255,.04);border-radius:var(--radius);border:0.5px solid rgba(255,255,255,.06);overflow:hidden} #pg-profile .ps-item{flex:1;padding:14px 8px;text-align:center;border-right:0.5px solid rgba(255,255,255,.06)} #pg-profile .ps-item:last-child{border-right:none} #pg-profile .ps-num{font-family:'Noto Serif SC',serif;font-size:20px;font-weight:700;background:linear-gradient(135deg,var(--gold-light),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} #pg-profile .ps-lbl{font-size:9px;color:var(--text3);margin-top:3px;letter-spacing:.05em} #pg-profile .profile-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 20px 24px} #pg-profile .profile-body::-webkit-scrollbar{display:none} .info-card{background:var(--dark3);border:0.5px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:18px 20px;margin-bottom:12px} .info-card-title{font-family:'Noto Serif SC',serif;font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px} .info-card p{font-size:13px;color:var(--text2);line-height:1.8} .info-card .layer-line{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px;font-size:12px;color:var(--text2);line-height:1.6} .info-card .layer-line strong{flex-shrink:0;font-weight:600} .follow-card{background:linear-gradient(135deg,rgba(201,151,58,.08),rgba(201,151,58,.03));border:0.5px solid var(--gold-border);border-radius:var(--radius);padding:22px 20px;text-align:center;margin-bottom:12px} .fqr{width:84px;height:84px;background:rgba(255,255,255,.06);border-radius:14px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:32px;border:0.5px solid rgba(255,255,255,.1)} .fname{font-family:'Noto Serif SC',serif;font-size:16px;font-weight:600;margin-bottom:6px;color:var(--text)} .fdesc{font-size:12px;color:var(--text2);line-height:1.75;margin-bottom:16px} .btn-follow{display:inline-flex;align-items:center;gap:8px;padding:13px 36px;background:linear-gradient(135deg,#B8841E,var(--gold));color:#1a0e00;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;border:none;font-family:'Noto Sans SC',sans-serif;letter-spacing:.04em;transition:opacity .15s} .btn-follow:active{opacity:.85} .divider{height:0.5px;background:rgba(255,255,255,.04);margin:0 22px} #pg-brand .brand-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:28px} #pg-brand .brand-body::-webkit-scrollbar{display:none} .brand-hero{padding:20px 24px 16px;text-align:center} .brand-hero-icon{font-size:44px;margin-bottom:14px;display:block} .brand-hero-title{font-family:'Noto Serif SC',serif;font-size:19px;font-weight:700;color:var(--text);margin-bottom:10px} .brand-hero-desc{font-size:12px;color:var(--text2);line-height:1.75} .brand-search-wrap{padding:0 20px 16px} .brand-search-box{display:flex;align-items:center;background:var(--dark3);border:0.5px solid var(--gold-border);border-radius:var(--radius);padding:4px 4px 4px 14px;gap:8px;transition:border-color .18s} .brand-search-box:focus-within{border-color:var(--gold)} .bsearch-icon{font-size:16px;flex-shrink:0;opacity:.5} .bsearch-input{flex:1;background:transparent;border:none;outline:none;font-size:13px;color:var(--text);font-family:'Noto Sans SC',sans-serif;padding:10px 0} .bsearch-input::placeholder{color:var(--text3)} .bsearch-btn{flex-shrink:0;padding:10px 16px;background:linear-gradient(135deg,#B8841E,var(--gold));color:#1a0e00;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:700;cursor:pointer;font-family:'Noto Sans SC',sans-serif;letter-spacing:.03em} .bsearch-btn:active{opacity:.85} .brand-quick-list{display:flex;align-items:center;gap:7px;margin-top:10px;flex-wrap:wrap} .brand-quick-label{font-size:10px;color:var(--text3);flex-shrink:0} .bquick{font-size:11px;padding:4px 10px;border-radius:20px;background:var(--surface2);color:var(--text3);border:0.5px solid rgba(255,255,255,.06);cursor:pointer;transition:all .15s} .bquick:active{background:var(--gold-dim);color:var(--gold);border-color:var(--gold-border)} .brand-checks-title{padding:4px 20px 10px;font-size:10px;color:var(--text3);letter-spacing:.08em;text-transform:uppercase;font-weight:600} .brand-checks{padding:0 20px;display:flex;flex-direction:column;gap:8px} .bcheck-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--dark3);border-radius:var(--radius-sm);border:0.5px solid rgba(255,255,255,.06)} .bcheck-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0} .bcheck-info{flex:1} .bcheck-name{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px} .bcheck-desc{font-size:10px;color:var(--text3)} .bcheck-source{font-size:9px;padding:3px 8px;border-radius:8px;background:var(--gold-dim);color:var(--gold);border:0.5px solid var(--gold-border);font-weight:600;white-space:nowrap} .brand-loading-wrap{padding:36px 24px;display:flex;flex-direction:column;align-items:center;gap:20px} .brand-loading-name{font-family:'Noto Serif SC',serif;font-size:20px;font-weight:700;color:var(--text)} .brand-loading-sub{font-size:12px;color:var(--text3)} .brand-progress-list{width:100%;display:flex;flex-direction:column;gap:0;background:var(--dark3);border-radius:var(--radius);border:0.5px solid rgba(255,255,255,.06);overflow:hidden} .bpl-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:0.5px solid rgba(255,255,255,.04)} .bpl-item:last-child{border-bottom:none} .bpl-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.15);flex-shrink:0;transition:all .4s} .bpl-dot.loading{background:#C9973A;border-color:#C9973A;animation:pulse 1s ease infinite} .bpl-dot.done{background:#1D9E75;border-color:#1D9E75;animation:none} .bpl-dot.fail{background:#C0607A;border-color:#C0607A;animation:none} .bpl-text{flex:1;display:flex;align-items:center;justify-content:space-between} .bpl-label{font-size:13px;color:var(--text2)} .bpl-status{font-size:11px;color:var(--text3)} .bpl-status.done{color:#7ADFC0} .bpl-status.fail{color:#F0A0C0} .brand-result-hdr{padding:18px 20px 0;background:linear-gradient(160deg,rgba(201,151,58,.1),transparent 50%)} .brand-result-top{display:flex;align-items:center;gap:12px;margin-bottom:16px} .brand-avatar{width:52px;height:52px;border-radius:14px;background:var(--dark3);border:0.5px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0} .brand-result-meta{flex:1} .brand-result-name{font-family:'Noto Serif SC',serif;font-size:17px;font-weight:700;color:var(--text);margin-bottom:3px} .brand-result-type{font-size:11px;color:var(--gold)} .brand-requery-btn{flex-shrink:0;padding:7px 12px;background:var(--surface2);border:0.5px solid rgba(255,255,255,.1);border-radius:var(--radius-xs);font-size:11px;color:var(--text3);cursor:pointer;font-family:'Noto Sans SC',sans-serif} .trust-score-card{display:flex;gap:16px;align-items:center;background:var(--dark3);border-radius:var(--radius);padding:16px;margin-bottom:4px;border:0.5px solid rgba(201,151,58,.2)} .trust-ring-wrap{position:relative;width:90px;height:90px;flex-shrink:0} .trust-ring{width:90px;height:90px} .trust-score-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Noto Serif SC',serif;font-size:26px;font-weight:700;color:var(--gold)} .trust-score-label{font-size:10px;color:var(--text3);text-align:center;margin-top:4px;letter-spacing:.06em} .trust-score-right{flex:1;min-width:0} .trust-verdict{font-size:16px;font-weight:700;margin-bottom:5px} .trust-verdict-desc{font-size:12px;color:var(--text2);line-height:1.65;margin-bottom:10px} .trust-badges{display:flex;flex-wrap:wrap;gap:5px} .tbdg{font-size:10px;padding:3px 8px;border-radius:8px;font-weight:600} .tbdg-g{background:rgba(29,158,117,.2);color:#7ADFC0;border:0.5px solid rgba(29,158,117,.3)} .tbdg-a{background:rgba(201,151,58,.15);color:var(--gold-light);border:0.5px solid rgba(201,151,58,.25)} .tbdg-r{background:rgba(192,96,122,.2);color:#F0A0C0;border:0.5px solid rgba(192,96,122,.3)} .brand-tabs{display:flex;margin:16px 20px 0;border-bottom:0.5px solid rgba(255,255,255,.06);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none} .brand-tabs::-webkit-scrollbar{display:none} .brand-tab{flex-shrink:0;padding:10px 14px;font-size:12px;font-weight:600;color:var(--text3);cursor:pointer;border-bottom:2px solid transparent;transition:all .18s;letter-spacing:.03em} .brand-tab.active{color:var(--gold);border-bottom-color:var(--gold)} .brand-tab-content{display:none;padding:16px 20px 0} .brand-tab-content.active{display:block} .binfo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px} .binfo-cell{background:var(--dark3);border-radius:var(--radius-sm);padding:12px 14px;border:0.5px solid rgba(255,255,255,.06)} .binfo-cell-label{font-size:10px;color:var(--text3);letter-spacing:.05em;margin-bottom:4px} .binfo-cell-value{font-size:14px;font-weight:600;color:var(--text)} .binfo-cell-value.good{color:#7ADFC0} .binfo-cell-value.warn{color:var(--gold-light)} .binfo-cell-value.bad{color:#F0A0C0} .binfo-card{background:var(--dark3);border-radius:var(--radius-sm);padding:14px 16px;border:0.5px solid rgba(255,255,255,.06);margin-bottom:8px} .binfo-card-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:8px;display:flex;align-items:center;gap:6px} .binfo-card p{font-size:12px;color:var(--text2);line-height:1.75} .binfo-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:0.5px solid rgba(255,255,255,.04);font-size:12px} .binfo-row:last-child{border-bottom:none} .binfo-row-label{color:var(--text3)} .binfo-row-value{color:var(--text2);font-weight:500;text-align:right;max-width:60%} .fda-status-card{border-radius:var(--radius-sm);padding:16px;margin-bottom:10px} .fda-registered{background:rgba(29,158,117,.08);border:0.5px solid rgba(29,158,117,.25)} .fda-not-found{background:rgba(201,151,58,.08);border:0.5px solid rgba(201,151,58,.2)} .fda-status-icon{font-size:28px;margin-bottom:8px} .fda-status-title{font-size:14px;font-weight:700;margin-bottom:5px} .fda-registered .fda-status-title{color:#7ADFC0} .fda-not-found .fda-status-title{color:var(--gold-light)} .fda-status-desc{font-size:12px;color:var(--text2);line-height:1.7} .papers-summary{background:var(--dark3);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:12px;border:0.5px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:14px} .papers-count{font-family:'Noto Serif SC',serif;font-size:36px;font-weight:700;color:var(--gold);flex-shrink:0} .papers-count-info{flex:1} .papers-count-label{font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px} .papers-count-sub{font-size:11px;color:var(--text3)} .verdict-block{border-radius:var(--radius-sm);padding:16px;margin-bottom:10px} .verdict-safe{background:rgba(29,158,117,.08);border:0.5px solid rgba(29,158,117,.2)} .verdict-caution{background:rgba(201,151,58,.08);border:0.5px solid rgba(201,151,58,.2)} .verdict-risk{background:rgba(192,96,122,.1);border:0.5px solid rgba(192,96,122,.25)} .verdict-block-title{font-size:13px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px} .verdict-safe .verdict-block-title{color:#7ADFC0} .verdict-caution .verdict-block-title{color:var(--gold-light)} .verdict-risk .verdict-block-title{color:#F0A0C0} .verdict-block p{font-size:12px;color:var(--text2);line-height:1.75} .verdict-tips{display:flex;flex-direction:column;gap:6px;margin-top:10px} .verdict-tip{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--text2)} .vtip-icon{flex-shrink:0;margin-top:1px} #pg-scan .scan-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:28px} #pg-scan .scan-body::-webkit-scrollbar{display:none} .scan-hero{padding:14px 22px 10px;text-align:center} .scan-hero-icon{font-size:32px;margin-bottom:8px;display:block} .scan-hero-title{font-family:'Noto Serif SC',serif;font-size:18px;font-weight:700;color:var(--text);margin-bottom:6px} .scan-hero-desc{font-size:12px;color:var(--text2);line-height:1.6} .scan-tips{display:flex;flex-direction:column;gap:6px;margin-top:10px;text-align:left} .scan-tip{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--text3);background:var(--surface);border-radius:var(--radius-xs);padding:8px 12px} .tip-icon{font-size:14px;flex-shrink:0} .scan-upload-area{margin:0 22px 16px;border:1.5px dashed rgba(201,151,58,.35);border-radius:var(--radius);padding:20px 20px;text-align:center;cursor:pointer;background:var(--gold-dim);transition:all .18s;position:relative;overflow:hidden} .scan-upload-area:active{opacity:.8;transform:scale(.99)} .scan-upload-area::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(201,151,58,.08),transparent 70%);pointer-events:none} .upload-icon{font-size:40px;margin-bottom:12px} .upload-text{font-size:15px;font-weight:600;color:var(--gold-light);margin-bottom:5px} .upload-sub{font-size:11px;color:var(--text3)} .scan-examples{padding:0 22px} .scan-example-title{font-size:11px;color:var(--text3);letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase;font-weight:600} .scan-example-pills{display:flex;flex-wrap:wrap;gap:7px} .ex-pill{font-size:11px;padding:5px 11px;border-radius:20px;background:var(--surface2);color:var(--text3);border:0.5px solid rgba(255,255,255,.06)} .scan-loading-wrap{padding:24px 22px;display:flex;flex-direction:column;align-items:center;gap:24px} .scan-preview-wrap{width:100%;max-width:320px;border-radius:var(--radius);overflow:hidden;position:relative;border:0.5px solid rgba(201,151,58,.3)} .scan-preview{width:100%;max-height:240px;object-fit:cover;display:block} .scan-overlay{position:absolute;inset:0;background:rgba(15,26,20,.4)} .scan-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);top:0;animation:scanLine 2s ease-in-out infinite} @keyframes scanLine{0%{top:0%;opacity:1}50%{top:100%;opacity:.8}100%{top:0%;opacity:1}} .loading-status{text-align:center} .loading-spinner{width:40px;height:40px;border:2.5px solid rgba(201,151,58,.2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 14px} @keyframes spin{to{transform:rotate(360deg)}} .loading-text{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px} .loading-sub{font-size:11px;color:var(--text3)} .loading-steps{display:flex;align-items:center;gap:0;width:100%;max-width:280px} .lstep{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0} .lstep-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.15);border:1.5px solid rgba(255,255,255,.2);transition:all .4s} .lstep span:last-child{font-size:9px;color:var(--text3);letter-spacing:.04em;white-space:nowrap} .lstep.active .lstep-dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px rgba(201,151,58,.5)} .lstep.active span:last-child{color:var(--gold)} .lstep.done .lstep-dot{background:var(--teal);border-color:var(--teal)} .lstep-line{flex:1;height:1px;background:rgba(255,255,255,.1);margin-bottom:14px} .scan-result-hdr{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:0.5px solid rgba(255,255,255,.06)} .scan-thumb{width:52px;height:52px;border-radius:var(--radius-sm);object-fit:cover;border:0.5px solid rgba(255,255,255,.1);flex-shrink:0} .scan-result-meta{flex:1;min-width:0} .scan-result-name{font-size:14px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .scan-result-time{font-size:10px;color:var(--text3);margin-top:2px} .rescan-btn{flex-shrink:0;padding:7px 12px;background:var(--surface2);border:0.5px solid rgba(255,255,255,.1);border-radius:var(--radius-xs);font-size:11px;color:var(--text3);cursor:pointer;font-family:'Noto Sans SC',sans-serif} .score-card{margin:16px 22px;padding:18px;background:var(--dark3);border-radius:var(--radius);border:0.5px solid rgba(201,151,58,.2);display:flex;gap:16px;align-items:center} .score-ring-wrap{position:relative;width:80px;height:80px;flex-shrink:0} .score-ring{width:80px;height:80px} .score-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'Noto Serif SC',serif;font-size:22px;font-weight:700;color:var(--gold)} .score-label{font-size:10px;color:var(--text3);text-align:center;margin-top:4px;letter-spacing:.06em} .score-right{flex:1;min-width:0} .score-summary{font-size:13px;color:var(--text2);line-height:1.65;margin-bottom:10px} .score-badges{display:flex;flex-wrap:wrap;gap:5px} .score-badge{font-size:10px;padding:3px 8px;border-radius:8px;font-weight:600} .sb-good{background:rgba(29,158,117,.2);color:#7ADFC0;border:0.5px solid rgba(29,158,117,.3)} .sb-warn{background:rgba(201,151,58,.2);color:var(--gold-light);border:0.5px solid rgba(201,151,58,.3)} .sb-bad{background:rgba(192,96,122,.2);color:#F0A0C0;border:0.5px solid rgba(192,96,122,.3)} .result-tabs{display:flex;margin:0 22px 0;border-bottom:0.5px solid rgba(255,255,255,.06);gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none} .result-tabs::-webkit-scrollbar{display:none} .result-tab{flex-shrink:0;padding:10px 14px;font-size:12px;font-weight:600;color:var(--text3);cursor:pointer;border-bottom:2px solid transparent;transition:all .18s;letter-spacing:.03em;white-space:nowrap} .result-tab.active{color:var(--gold);border-bottom-color:var(--gold)} .result-tab-content{display:none;padding:16px 22px 0} .result-tab-content.active{display:block} .ingr-card{background:var(--dark3);border-radius:var(--radius-sm);padding:16px;margin-bottom:10px;border:0.5px solid rgba(255,255,255,.06)} .ingr-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;gap:8px} .ingr-name{font-size:15px;font-weight:700;color:var(--text)} .ingr-name-en{font-size:11px;color:var(--text3);margin-top:2px} .ingr-dose{font-size:11px;color:var(--gold);background:var(--gold-dim);border:0.5px solid var(--gold-border);padding:3px 8px;border-radius:8px;white-space:nowrap;flex-shrink:0} .ingr-effect{font-size:12px;color:var(--text2);line-height:1.7;margin-bottom:10px} .ingr-meta{display:flex;flex-wrap:wrap;gap:5px} .ingr-tag{font-size:10px;padding:3px 8px;border-radius:8px} .it-effect{background:rgba(29,158,117,.12);color:#7ADFC0;border:0.5px solid rgba(29,158,117,.2)} .it-tier{background:var(--gold-dim);color:var(--gold-light);border:0.5px solid var(--gold-border)} .it-warn{background:rgba(192,96,122,.12);color:#F0A0C0;border:0.5px solid rgba(192,96,122,.2)} .ingr-evidence{display:flex;align-items:center;gap:6px;margin-top:10px;padding-top:10px;border-top:0.5px solid rgba(255,255,255,.06)} .evidence-bar-wrap{flex:1;height:4px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden} .evidence-bar{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--teal),var(--gold))} .evidence-lbl{font-size:10px;color:var(--text3);white-space:nowrap} .guide-block{background:var(--dark3);border-radius:var(--radius-sm);padding:16px;margin-bottom:10px;border:0.5px solid rgba(255,255,255,.06)} .guide-block-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--text);margin-bottom:10px} .guide-block p{font-size:13px;color:var(--text2);line-height:1.75} .guide-table{width:100%;border-collapse:collapse;margin-top:8px} .guide-table td{font-size:12px;padding:8px 10px;border-bottom:0.5px solid rgba(255,255,255,.06);vertical-align:top;color:var(--text2)} .guide-table td:first-child{color:var(--text3);width:80px;font-weight:500;white-space:nowrap} .guide-table tr:last-child td{border-bottom:none} .caution-block{border-radius:var(--radius-sm);padding:16px;margin-bottom:10px} .caution-high{background:rgba(192,96,122,.1);border:0.5px solid rgba(192,96,122,.25)} .caution-med{background:rgba(201,151,58,.08);border:0.5px solid rgba(201,151,58,.2)} .caution-low{background:rgba(29,158,117,.08);border:0.5px solid rgba(29,158,117,.2)} .caution-label{font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase} .caution-high .caution-label{color:#F0A0C0} .caution-med .caution-label{color:var(--gold-light)} .caution-low .caution-label{color:#7ADFC0} .caution-block p{font-size:13px;color:var(--text2);line-height:1.75} .paper-card{background:var(--dark3);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:10px;border:0.5px solid rgba(255,255,255,.06);cursor:pointer;transition:border-color .15s} .paper-card:active{border-color:rgba(201,151,58,.3)} .paper-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.5;margin-bottom:6px} .paper-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .paper-journal{font-size:10px;color:var(--gold);background:var(--gold-dim);padding:2px 7px;border-radius:6px;border:0.5px solid var(--gold-border)} .paper-year{font-size:10px;color:var(--text3)} .paper-finding{font-size:12px;color:var(--text2);margin-top:8px;line-height:1.65} .paper-link{font-size:11px;color:var(--teal);margin-top:8px;display:flex;align-items:center;gap:4px} .scan-error-wrap{padding:48px 24px;text-align:center} .error-icon{font-size:48px;margin-bottom:16px} .error-title{font-family:'Noto Serif SC',serif;font-size:18px;color:var(--text);margin-bottom:8px} .error-desc{font-size:13px;color:var(--text2);line-height:1.7}