:root{--navy: #0a1930;--navy-2: #12315e;--navy-3: #1b4a8a;--gold: #c9a227;--gold-2: #e8c96a;--gold-3: #f4e3ac;--ink: #16213a;--ink-soft: #61708a;--ink-faint: #93a0b5;--bg: #f4f6fa;--card: #ffffff;--ok: #1f9d66;--warn: #e67e22;--err: #d64541;--blue: #3a7bd5;--shadow-sm: 0 2px 10px rgba(10, 25, 48, .06);--shadow: 0 8px 30px rgba(10, 25, 48, .09);--shadow-lg: 0 18px 50px rgba(10, 25, 48, .14);--gold-grad: linear-gradient(120deg, #a8871c 0%, #c9a227 30%, #e8c96a 55%, #c9a227 80%, #a8871c 100%);--navy-grad: linear-gradient(135deg, #0a1930 0%, #12315e 60%, #1b4a8a 100%);--radius: 20px;--radius-sm: 14px;--ease: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}[v-cloak]{display:none}html{scroll-behavior:smooth}body{font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:radial-gradient(1200px 500px at 85% -8%,rgba(201,162,39,.07),transparent 60%),radial-gradient(900px 420px at -10% 12%,rgba(27,74,138,.06),transparent 55%),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:.01em}.app{min-height:100vh;display:flex;flex-direction:column}.page-wrap{flex:1;width:100%;max-width:1020px;margin:0 auto;padding:92px 20px 96px}.topbar{position:fixed;top:0;left:0;right:0;z-index:90;background:#0a1930d1;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);color:#fff;border-bottom:1px solid rgba(201,162,39,.28)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(232,201,106,.55) 50%,transparent 95%)}.topbar-inner{max-width:1020px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:800;font-size:1.02rem;letter-spacing:.02em;transition:opacity .2s}.brand:hover{opacity:.85}.brand small{display:block;font-size:.52rem;font-weight:500;opacity:.55;letter-spacing:2.2px;margin-top:1px}.brand-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(201,162,39,.5))}.topbar-right{display:flex;align-items:center;gap:10px}.msg-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.14);width:34px;height:34px;border-radius:50%;font-size:1rem;cursor:pointer;position:relative;color:#fff;transition:.25s var(--ease)}.msg-btn:hover{background:#c9a22740;border-color:#c9a22780;transform:translateY(-1px)}.msg-btn .dot{position:absolute;top:-1px;right:-1px;width:9px;height:9px;background:var(--err);border-radius:50%;border:2px solid var(--navy);animation:pulse 1.6s infinite}.role-btn,.logout-btn{background:linear-gradient(120deg,#c9a2272e,#c9a22714);color:var(--gold-3);border:1px solid rgba(201,162,39,.4);border-radius:20px;padding:6px 13px;font-size:.72rem;font-weight:700;cursor:pointer;transition:.25s var(--ease);white-space:nowrap;flex-shrink:0}@media (max-width: 420px){.role-btn,.logout-btn{padding:6px 10px;font-size:.68rem}.topbar-right{gap:7px}}.role-btn:hover{background:#c9a2274d;transform:translateY(-1px);box-shadow:0 4px 14px #c9a22740}.logout-btn{background:none;border-color:#fff3;color:#ffffffbf}.logout-btn:hover{border-color:#fff6;color:#fff}.badge-tag{font-size:.66rem;padding:4px 11px;border-radius:12px;font-weight:800;letter-spacing:.03em;white-space:nowrap}.badge-tag.t0{background:#ffffff1f;color:#b9c4d6}.badge-tag.t1{background:linear-gradient(120deg,#6e829c,#93a7c0);color:#fff}.badge-tag.t2{background:var(--gold-grad);color:#fff;box-shadow:0 2px 10px #c9a22766}.badge-tag.t3{background:linear-gradient(120deg,#2a5fa8,#5fa8ed);color:#fff;box-shadow:0 2px 10px #3a7bd566}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:90;background:#ffffffdb;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);display:flex;border-top:1px solid rgba(10,25,48,.07);padding-bottom:env(safe-area-inset-bottom)}.tabbar:before{content:"";position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,162,39,.5),transparent)}.tab-item{flex:1;background:none;border:none;padding:9px 0 8px;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.66rem;color:var(--ink-faint);cursor:pointer;position:relative;transition:color .25s;font-weight:600}.tab-icon{font-size:1.28rem;filter:grayscale(1) opacity(.55);transition:all .3s var(--ease)}.tab-item.on{color:var(--navy);font-weight:800}.tab-item.on .tab-icon{filter:none;transform:translateY(-3px) scale(1.08)}.tab-item.on:after{content:"";position:absolute;top:2px;width:18px;height:3px;border-radius:3px;background:var(--gold-grad)}.service-fab{position:fixed;right:18px;bottom:100px;z-index:80;width:54px;height:54px;border-radius:50%;background:var(--gold-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;text-decoration:none;box-shadow:0 10px 26px #c9a22773,inset 0 1px #fff6;animation:floaty 3.2s ease-in-out infinite;overflow:visible}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.service-fab .fab-tip{position:absolute;right:64px;top:50%;transform:translateY(-50%) translate(8px);opacity:0;pointer-events:none;transition:.3s var(--ease);background:#0a1930eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:.68rem;padding:10px 14px;border-radius:12px;white-space:nowrap;font-weight:600;border:1px solid rgba(201,162,39,.35);box-shadow:var(--shadow-lg);text-align:right}.service-fab:hover .fab-tip{opacity:1;transform:translateY(-50%) translate(0)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid rgba(10,25,48,.045);padding:22px;margin-bottom:16px;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.card:hover{box-shadow:var(--shadow)}.card h3{font-size:1rem;color:var(--navy);margin-bottom:12px;display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.01em}.sub{font-size:.72rem;color:var(--ink-soft);line-height:1.6}.btn{border:none;border-radius:26px;padding:13px 24px;font-size:.9rem;font-weight:800;cursor:pointer;transition:all .25s var(--ease);position:relative;overflow:hidden;letter-spacing:.02em}.btn:after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skew(-20deg);transition:left .5s var(--ease)}.btn:hover:after{left:130%}.btn:active{transform:scale(.965)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:after{display:none}.btn-gold{background:var(--gold-grad);color:#fff;box-shadow:0 6px 20px #c9a22761,inset 0 1px #ffffff59}.btn-gold:hover{box-shadow:0 10px 28px #c9a22780;transform:translateY(-2px)}.btn-navy{background:var(--navy-grad);color:#fff;box-shadow:0 6px 20px #0a19304d}.btn-navy:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0a193066}.btn-ghost{background:#0a193008;border:1.5px solid rgba(10,25,48,.16);color:var(--navy)}.btn-ghost:hover{border-color:var(--gold);background:#c9a2270f}.btn-danger{background:linear-gradient(120deg,#c0392b,#d64541);color:#fff}.btn-block{display:block;width:100%}.btn-sm{padding:7px 15px;font-size:.75rem;border-radius:18px}.form-item{margin-bottom:16px}.form-item label{display:block;font-size:.76rem;color:var(--ink-soft);margin-bottom:7px;font-weight:700;letter-spacing:.02em}.form-input,.form-textarea,.form-select{width:100%;border:1.5px solid rgba(10,25,48,.1);border-radius:14px;padding:13px 15px;font-size:.9rem;background:#fbfcfe;outline:none;transition:all .25s var(--ease);font-family:inherit;color:var(--ink)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 4px #c9a22721}.form-textarea{min-height:116px;resize:vertical;line-height:1.65}.phone-meta{display:flex;gap:8px;margin-top:8px;font-size:.72rem}.phone-meta span{background:#3a7bd514;color:var(--blue);border-radius:8px;padding:4px 11px;font-weight:700}.tag{display:inline-block;font-size:.66rem;padding:3px 11px;border-radius:10px;font-weight:800;letter-spacing:.03em}.tag-blue{background:#3a7bd51a;color:var(--blue)}.tag-gold{background:linear-gradient(120deg,#c9a22729,#e8c96a33);color:#96781a}.tag-green{background:#1f9d661c;color:var(--ok)}.tag-red{background:#d645411a;color:var(--err)}.tag-gray{background:#61708a1c;color:var(--ink-soft)}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,#c9a22780,#0a193014);border-radius:2px}.tl-node{position:relative;margin-bottom:16px}.tl-node:before{content:"";position:absolute;left:-21px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--gold-grad);box-shadow:0 0 0 4px #c9a22724;animation:glow 2.2s infinite}.tl-node.done:before{background:var(--ok);box-shadow:0 0 0 4px #1f9d6621;animation:none}.tl-time{font-size:.68rem;color:var(--ink-faint)}.tier-grid{display:grid;grid-template-columns:1fr;gap:14px}.tier-card{position:relative;border-radius:22px;padding:22px 20px;color:#fff;cursor:pointer;border:1px solid rgba(255,255,255,.14);transition:all .35s var(--ease);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tier-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,rgba(255,255,255,.22) 0%,transparent 38%,transparent 62%,rgba(255,255,255,.08) 100%);pointer-events:none}.tier-card:after{content:"";position:absolute;top:-60%;left:-30%;width:40%;height:220%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.25),transparent);transform:rotate(18deg);animation:cardShine 4.5s var(--ease) infinite}@keyframes cardShine{0%,55%{left:-45%}90%,to{left:130%}}.tier-card.a{background:linear-gradient(140deg,#3d4f66,#64798f 55%,#485a70)}.tier-card.b{background:linear-gradient(140deg,#6d5715,#c9a227 48%,#e8c96a 68%,#b8931f);box-shadow:0 14px 36px #c9a22766}.tier-card.c{background:linear-gradient(140deg,#081527,#16407c 55%,#2a5fa8 80%,#0d2140);box-shadow:0 14px 36px #2a5fa861}.tier-card:hover{transform:translateY(-5px)}.tier-card.b:hover{box-shadow:0 20px 44px #c9a22785}.tier-card.c:hover{box-shadow:0 20px 44px #2a5fa880}.tier-card.sel{border:2px solid #fff;box-shadow:0 0 0 4px #c9a22759,var(--shadow-lg);transform:translateY(-5px) scale(1.01)}.tier-name{font-weight:800;font-size:1.08rem;display:flex;justify-content:space-between;align-items:center;letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.2)}.tier-price{font-size:1.7rem;font-weight:800;margin:8px 0 4px;text-shadow:0 2px 8px rgba(0,0,0,.18)}.tier-price small{font-size:.7rem;font-weight:500;opacity:.85}.tier-desc{font-size:.73rem;opacity:.92;line-height:1.7;white-space:pre-line}.seal-stamp{position:absolute;top:14px;right:14px;width:76px;height:76px;border-radius:50%;border:3px solid #c9a227;color:#c9a227;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;text-align:center;line-height:1.25;transform:rotate(-14deg);background:radial-gradient(circle,rgba(201,162,39,.13),transparent 72%);box-shadow:inset 0 0 14px #c9a2274d,0 0 20px #c9a22726;animation:stamp .9s cubic-bezier(.2,1.7,.4,1) both}.seal-stamp:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:1px solid rgba(201,162,39,.55)}@keyframes stamp{0%{transform:scale(2.8) rotate(-42deg);opacity:0}55%{transform:scale(.9) rotate(-10deg);opacity:1}to{transform:scale(1) rotate(-14deg)}}.credential{position:relative;border-radius:22px;padding:24px;background:linear-gradient(150deg,#fffdf2,#fffef9 45%,#fdf8e9);border:1px solid rgba(201,162,39,.4);box-shadow:0 16px 44px #c9a22738,inset 0 1px #fff}.credential:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.85) 50%,transparent 68%);animation:shine 2.6s var(--ease) infinite;pointer-events:none}@keyframes shine{0%{transform:translate(-110%)}55%,to{transform:translate(110%)}}.cred-row{display:flex;justify-content:space-between;padding:10px 2px;border-bottom:1px dashed rgba(201,162,39,.3);font-size:.82rem;position:relative;z-index:2}.cred-row:last-child{border-bottom:none}.cred-row b{color:var(--navy);font-weight:800}.ticket-card{position:relative;background:var(--card);border-radius:16px;padding:16px 18px;margin-bottom:13px;box-shadow:var(--shadow-sm);border:1px solid rgba(10,25,48,.045);cursor:pointer;transition:all .3s var(--ease)}.ticket-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.ticket-card.urgent{border:1px solid rgba(230,126,34,.35)}.ticket-card.urgent:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:18px;padding:2px;background:linear-gradient(135deg,rgba(230,126,34,.7),transparent 55%,rgba(230,126,34,.35));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:breath 1.8s infinite;pointer-events:none}.bubble{max-width:82%;padding:11px 15px;border-radius:16px;margin-bottom:11px;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-break:break-word;animation:fadeUp .3s var(--ease) both}.bubble.me{margin-left:auto;background:var(--navy-grad);color:#fff;border-bottom-right-radius:5px;box-shadow:0 4px 14px #0a19302e}.bubble.other{background:#fff;border:1px solid rgba(10,25,48,.07);border-bottom-left-radius:5px;box-shadow:var(--shadow-sm)}.bubble.sys{margin:0 auto 11px;background:#c9a22717;color:#96781a;font-size:.72rem;text-align:center;border-radius:20px;border:1px solid rgba(201,162,39,.18)}.bubble-meta{font-size:.64rem;color:var(--ink-faint);margin-bottom:4px}.bubble-meta.me{text-align:right;color:#fff9}.watermark-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;pointer-events:none;background-image:repeating-linear-gradient(-30deg,transparent 0 46px,rgba(10,25,48,.04) 46px 92px)}.watermark-layer:after{content:var(--wm-text, "君秀律所 · 涉密档案");position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform:rotate(-22deg);font-size:1.15rem;font-weight:800;color:#0a19300d;letter-spacing:5px}.skeleton{background:linear-gradient(100deg,#edf0f5 30%,#f7f9fc,#edf0f5 70%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:16px}.toast{position:fixed;bottom:124px;left:50%;transform:translate(-50%);background:#0a1930e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:13px 24px;border-radius:26px;font-size:.82rem;font-weight:600;z-index:999;max-width:86%;text-align:center;box-shadow:0 14px 40px #0000004d,inset 0 1px #ffffff1f;border:1px solid rgba(201,162,39,.3);animation:toastIn .35s var(--ease) both}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(14px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.privacy-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0812249e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:22px}.privacy-card{background:#fff;border-radius:24px;padding:26px;max-width:460px;width:100%;max-height:82vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:popIn .4s var(--ease) both}@keyframes popIn{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:none}}.privacy-icon{font-size:2.4rem;text-align:center;filter:drop-shadow(0 4px 12px rgba(201,162,39,.35))}.privacy-card h3{text-align:center;justify-content:center;margin:10px 0 14px;color:var(--navy)}.privacy-text p{font-size:.78rem;color:var(--ink-soft);line-height:1.75;margin-bottom:9px}.privacy-note{text-align:center;font-size:.68rem;color:var(--err);margin-top:12px}.grid2{display:grid;grid-template-columns:1fr;gap:14px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{background:var(--navy-grad);color:#fff;border-radius:18px;padding:16px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.stat-card:before{content:"";position:absolute;top:-40%;right:-20%;width:60%;height:120%;background:radial-gradient(circle,rgba(201,162,39,.18),transparent 70%)}.stat-num{font-size:1.55rem;font-weight:800;letter-spacing:.01em}.stat-label{font-size:.66rem;opacity:.72;margin-top:2px;font-weight:600}.stat-card.gold{background:linear-gradient(135deg,#6d5715,#c9a227 70%,#e8c96a)}.empty{text-align:center;padding:46px 22px;color:var(--ink-faint)}.gold-text{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.empty-icon{font-size:3.2rem;margin-bottom:12px;opacity:.45;filter:grayscale(.4)}.list-row{display:flex;justify-content:space-between;align-items:center;padding:13px 2px;border-bottom:1px solid rgba(10,25,48,.05);font-size:.84rem;gap:8px}.list-row:last-child{border-bottom:none}.section-title{font-size:1.12rem;font-weight:800;color:var(--navy);margin:24px 0 14px;display:flex;align-items:center;gap:10px;letter-spacing:.01em}.section-title:before{content:"";width:4px;height:20px;border-radius:3px;background:var(--gold-grad);box-shadow:0 2px 8px #c9a22766}@media (min-width: 720px){.tier-grid{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(4,1fr)}.tabbar{display:none}.service-fab{bottom:34px}.page-wrap{padding-bottom:48px}.bubble{max-width:64%}.card:hover,.ticket-card:hover{transform:translateY(-3px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes glow{0%,to{box-shadow:0 0 0 4px #c9a22724}50%{box-shadow:0 0 0 8px #c9a22742}}@keyframes breath{0%,to{opacity:.35}50%{opacity:1}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-up{animation:fadeUp .55s var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.fade-up-1{animation-delay:.06s}.fade-up-2{animation-delay:.13s}.fade-up-3{animation-delay:.21s}.hero{position:relative;overflow:hidden;border-radius:26px;padding:36px 26px 32px;margin-bottom:16px;color:#fff;text-align:center;background:var(--navy-grad);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.08)}.hero-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(120 .hero{position:relative;overflow:hidden;border-radius:26px;padding:36px 26px 32px;margin-bottom:16px;color:#fff;text-align:center;background:var(--navy-grad);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.08)} .hero-deco{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 170% at 82% -18%,rgba(232,201,106,.22),transparent 46%),radial-gradient(90% 130% at 4% 112%,rgba(42,95,168,.45),transparent 55%)} .hero-badge{position:relative;z-index:2;display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.12em;color:var(--gold-3);border:1px solid rgba(232,201,106,.4);border-radius:20px;padding:5px 14px;margin-bottom:14px;background:rgba(232,201,106,.08)} .hero-title{position:relative;z-index:2;font-size:1.72rem;font-weight:800;letter-spacing:.02em;line-height:1.35;text-shadow:0 4px 18px rgba(0,0,0,.25)} .hero-gold{background:linear-gradient(115deg,#f0d98a,#c9a227 55%,#f4e3ac);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .hero-sub{position:relative;z-index:2;font-size:.8rem;opacity:.82;margin:10px 0 16px;line-height:1.8;letter-spacing:.03em} .hero-tags{position:relative;z-index:2;display:flex;gap:8px;justify-content:center;flex-wrap:wrap} .hero-tags span{font-size:.68rem;font-weight:600;color:rgba(255,255,255,.9);background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:5px 12px;backdrop-filter:blur(6px)} .btn{white-space:nowrap} .reveal-pre{opacity:0;transform:translateY(22px)} .reveal-in{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)} @media print {.topbar,.tabbar,.service-fab,.watermark-layer,.doc-tools,.back-btn,.toast {display: none !important;} .page-wrap {padding: 0 !important; max-width: 100% !important;} .card,.doc-page {box-shadow: none !important; border: none !important;} .chapter-body {max-height: none !important; padding-bottom: 14px !important;} body {background: #fff !important;}} .login-page{position:relative;overflow:hidden} .login-page::before{content:"";position:absolute;top:-140px;right:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.18),transparent 68%);pointer-events:none} .login-page::after{content:"";position:absolute;bottom:-160px;left:-110px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(27,74,138,.16),transparent 66%);pointer-events:none} .login-card{position:relative;z-index:2;background:rgba(255,255,255,.86);backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(255,255,255,.7);box-shadow:0 24px 60px rgba(10,25,48,.12)} .hero-icon{filter:drop-shadow(0 6px 22px rgba(201,162,39,.45))} .login-hero h1{background:linear-gradient(115deg,#12315e,#1b4a8a 55%,#c9a227);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:180% auto;animation:brandFlow 5s ease-in-out infinite alternate} @keyframes brandFlow{to{background-position:100% center}} .banner{border-radius:18px!important;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)} .banner::before{content:"";position:absolute;inset:0;background:radial-gradient(90% 200% at 90% -30%,rgba(232,201,106,.25),transparent 50%);pointer-events:none} .status-card{background:linear-gradient(135deg,#fff,#fbfaf5 55%,#f7f3e8);border:1px solid rgba(201,162,39,.18)} .steps{background:rgba(255,255,255,.8);backdrop-filter:blur(12px);border-radius:18px;padding:12px 8px;box-shadow:var(--shadow-sm)} .rate-sheet,.drawer{box-shadow:0 -18px 60px rgba(10,25,48,.25)} .privacy-card{background:linear-gradient(160deg,#fff,#fdfaf1);border:1px solid rgba(201,162,39,.25)} .card{background:linear-gradient(180deg,#fff,#fefeff)} .notices .card,.msg-card,.doc-card{position:relative;overflow:hidden} .notices .card::after,.msg-card::after,.doc-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold),rgba(201,162,39,.15));opacity:0;transition:opacity .3s} .notices .card:hover::after,.msg-card:hover::after,.doc-card:hover::after{opacity:1} .mic-btn{box-shadow:0 4px 14px rgba(10,25,48,.28),inset 0 1px 0 rgba(255,255,255,.2)} .mic-btn:not(.on):hover{transform:scale(1.06)} .mic-btn.on{box-shadow:0 0 0 6px rgba(214,69,65,.15),0 4px 16px rgba(214,69,65,.4)} .star{transition:all .15s cubic-bezier(.2,1.6,.4,1)} .star:active{transform:scale(1.35)} .gate-icon,.privacy-icon{animation:floaty 3.6s ease-in-out infinite} .chat-input .form-input{border-radius:22px} .rate-sheet .stars{margin:18px 0 12px} .btn-gold{color:#fff;text-shadow:0 1px 2px rgba(120,90,10,.3)} .empty-icon{animation:floaty 4s ease-in-out infinite} .service-fab::before{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 2px 4px rgba(255,255,255,.5)} @media (max-width:420px){.hero-tags span{font-size:.62rem;padding:4px 9px}.hero{padding:30px 18px 26px}.hero-title{font-size:1.5rem}} .me-avatar{position:relative} .me-avatar::before{content:"";position:absolute;inset:-4px;border-radius:50%;background:conic-gradient(var(--gold),#f4e3ac,var(--gold));animation:goldRing 4s linear infinite} @keyframes goldRing{to{transform:rotate(360deg)}} .me-avatar{z-index:1;isolation:isolate} .m-icon{background:linear-gradient(140deg,rgba(27,74,138,.1),rgba(201,162,39,.12));border-radius:16px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 4px 12px rgba(10,25,48,.06)} .m-price{background:linear-gradient(120deg,rgba(201,162,39,.12),rgba(232,201,106,.18));border-radius:12px;padding:5px 12px;border:1px solid rgba(201,162,39,.25)} .lawyer-avatar{background:linear-gradient(140deg,#fff,#f6efdd);border:2px solid rgba(201,162,39,.4);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.4rem} .pay-amount{background:linear-gradient(120deg,rgba(201,162,39,.07),rgba(232,201,106,.1));border:1px solid rgba(201,162,39,.2);border-radius:16px;padding:14px 0} .notice-head b,.msg-card .m-head b{letter-spacing:.01em} .list-row{border-radius:10px;padding-left:8px;padding-right:8px;transition:background .25s} .list-row:hover{background:rgba(201,162,39,.045)} .step:not(:last-child)::after{content:"";position:absolute;top:12px;left: calc(50% + 16px) ;width: calc(100% - 32px) ;height:2px;background:rgba(11,37,69,.08)} .step{position:relative} .step.on:not(:last-child)::after{background:linear-gradient(90deg,var(--gold),rgba(201,162,39,.25))} .veri-remain b{text-shadow:0 1px 3px rgba(230,126,34,.2)} .tag-red{box-shadow:0 2px 8px rgba(214,69,65,.08)} .doc-head b{font-weight:800} .empty-guide{background:linear-gradient(150deg,#fff,#f7f4ec);border:1.5px dashed rgba(201,162,39,.35)} .guide-badge{filter:drop-shadow(0 8px 20px rgba(201,162,39,.25))} .mode-tabs,.vt-tabs{box-shadow:inset 0 1px 3px rgba(10,25,48,.05)} .pill{transition:all .25s var(--ease)} .pill:hover{border-color:rgba(201,162,39,.5);color:var(--navy)} .swipe-card{will-change:transform} @media (max-width:719px){.page-wrap{padding-bottom:150px}})}