:root{--bg:#090806;--panel:#17130f;--line:rgba(255,255,255,.09);--text:#f6efe5;--muted:#9e9386;--gold:#efad42;--gold2:#ffd889;--green:#47d88e;--red:#ff7777}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 70% 5%,#25170b 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,"PingFang SC",system-ui,sans-serif}
.stars{position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:radial-gradient(#e9b65c 1px,transparent 1px);background-size:67px 67px;mask-image:linear-gradient(to bottom,#000,transparent 65%)}
button,a{font:inherit}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(9,8,6,.8);backdrop-filter:blur(18px);z-index:10}
.site-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.site-brand>span{width:40px;height:40px;border-radius:12px;background:#3c2814;color:var(--gold2);display:grid;place-items:center}
.site-brand strong,.site-brand small{display:block}
.site-brand strong{font-family:"Songti SC",serif;color:var(--gold2);font-size:18px}
.site-brand small{font-size:8px;letter-spacing:.2em;color:var(--muted)}
nav{display:flex;align-items:center;gap:25px}
nav a,footer a{color:var(--muted);text-decoration:none;font-size:13px}
.mail-alert{position:relative;width:38px;height:38px;border-radius:50%;border:1px solid rgba(239,173,66,.24);background:rgba(239,173,66,.08);color:var(--gold2);display:grid;place-items:center;cursor:pointer}
.mail-alert span{position:absolute;top:-6px;right:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d84b4b;color:#fff;font-size:10px;line-height:18px;font-weight:700}
.locale-switch{display:flex;align-items:center;gap:3px;border:1px solid var(--line);border-radius:11px;padding:3px;background:rgba(255,255,255,.025)}
.locale-switch button{border:0;background:transparent;color:var(--muted);border-radius:8px;padding:7px 9px;cursor:pointer;font-size:12px;line-height:1}
.locale-switch button.active{background:var(--gold2);color:#1e1207;font-weight:700}
.ghost,.secondary{border:1px solid var(--line);color:var(--text);background:transparent;border-radius:10px;padding:9px 14px;cursor:pointer}
.hero{min-height:690px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding:80px 9vw}
.kicker,.section-heading>span{color:var(--gold);font-size:10px;letter-spacing:.28em}
.hero h1{font-family:"Songti SC",serif;font-size:clamp(48px,6vw,82px);line-height:1.18;margin:20px 0}
.hero h1 em{font-style:normal;color:var(--gold2)}
.hero p{max-width:560px;color:var(--muted);line-height:1.9}
.hero-actions{display:flex;gap:12px;margin-top:35px}
.ad-section{max-width:1100px;margin:-45px auto 20px;padding:10px 7vw;text-align:center;color:var(--muted)}
.ad-section[hidden]{display:none}
.ad-section ins{min-height:90px}
.primary{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:12px 19px;background:linear-gradient(135deg,#f0b64f,#a66118);color:#1e1207;text-decoration:none;font-weight:700;cursor:pointer}
.oracle-disc{width:min(430px,80vw);aspect-ratio:1;margin:auto;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#241708 0 16%,transparent 17% 100%);box-shadow:0 0 100px rgba(207,126,29,.12)}
.ring{position:absolute;border:1px solid rgba(239,173,66,.35);border-radius:50%}
.ring-one{inset:4%;animation:spin 40s linear infinite}
.ring-two{inset:19%;border-style:dashed;animation:spin 25s linear infinite reverse}
.ring:before,.ring:after{content:"✦";color:var(--gold);position:absolute;top:50%;left:-7px}
.ring:after{left:auto;right:-7px}
.symbol{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;color:var(--gold2);border:1px solid rgba(239,173,66,.3);font:50px "Songti SC",serif;box-shadow:inset 0 0 35px rgba(239,173,66,.1)}
.orbit{position:absolute;color:#af8050;font-family:"Songti SC",serif}
.o1{top:3%;left:48%}
.o2{bottom:3%;left:48%}
.o3{left:3%;top:48%}
.o4{right:3%;top:48%}
@keyframes spin{to{transform:rotate(360deg)}
}
.section{padding:90px 7vw;max-width:1500px;margin:auto}
.section-heading{text-align:center;margin-bottom:42px}
.section-heading h2{font:36px "Songti SC",serif;margin:13px 0}
.section-heading p{color:var(--muted)}
.service-grid,.plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.service-grid article,.plan-card,.account-card{background:linear-gradient(145deg,rgba(31,25,20,.9),rgba(17,14,11,.9));border:1px solid var(--line);border-radius:18px;padding:25px}
.service-grid b{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:rgba(239,173,66,.08);color:var(--gold2);font-size:20px}
.service-grid h3{font-size:16px;margin-top:28px}
.service-grid p,.plan-card p,.account-card p{color:var(--muted);line-height:1.7;font-size:13px}
.plans-section{max-width:1200px}
.plan-grid{grid-template-columns:repeat(3,1fr)}
.plan-card{position:relative}
.plan-card.featured{border-color:rgba(239,173,66,.45);transform:translateY(-10px);box-shadow:0 24px 70px rgba(0,0,0,.3)}
.plan-card h3{font:23px "Songti SC",serif}
.plan-price{font-size:40px;color:var(--gold2);font-weight:700;margin:20px 0}
.plan-price small{font-size:12px;color:var(--muted)}
.plan-features{display:grid;gap:12px;margin:24px 0;color:#c9bfb3;font-size:13px}
.plan-features span:before{content:"✓";color:var(--green);margin-right:8px}
.plan-card .primary{width:100%}
.account-section{max-width:900px}
.account-card{min-height:180px}
.account-head{display:flex;justify-content:space-between;align-items:start;gap:15px}
.subscription{margin-top:20px;padding:18px;border-radius:13px;background:rgba(239,173,66,.06);border:1px solid rgba(239,173,66,.13)}
.message-center{margin-top:20px;padding:18px;border-radius:13px;background:rgba(255,255,255,.035);border:1px solid rgba(239,173,66,.13)}
.message-form{display:grid;gap:10px;margin-bottom:14px}
.message-thread{display:grid;gap:10px}
.message-bubble{padding:12px;border-radius:12px;border:1px solid rgba(239,173,66,.12);background:rgba(239,173,66,.05)}
.message-bubble.admin{background:rgba(239,173,66,.09)}
.message-bubble strong{display:block;color:var(--gold2);font-size:13px;margin-bottom:5px}
.message-bubble p{margin:0 0 6px;white-space:pre-wrap;line-height:1.55}
.message-bubble small{color:var(--muted);font-size:11px}
.orders{display:grid;gap:10px;margin-top:20px}
.order{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:11px}
.order small{display:block;color:var(--muted)}
.tag{font-size:10px;border-radius:20px;padding:5px 9px;background:rgba(239,173,66,.1);color:var(--gold2)}
.tag.paid{color:var(--green);background:rgba(71,216,142,.1)}
.tag.expired{color:var(--red);background:rgba(255,119,119,.1)}
footer{padding:40px 7vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}
footer p{max-width:520px;text-align:center}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:30;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}
.modal-backdrop[hidden]{display:none}
.modal{width:min(520px,100%);background:#1a1612;border:1px solid var(--line);border-radius:20px;padding:28px;position:relative}
.close{position:absolute;right:14px;top:10px;border:0;background:none;color:var(--muted);font-size:27px;cursor:pointer}
.tabs{display:flex;gap:5px;margin-bottom:22px}
.tabs button{flex:1;padding:10px;border:0;border-bottom:2px solid #332a22;background:none;color:var(--muted);cursor:pointer}
.tabs button.active{color:var(--gold2);border-color:var(--gold)}
.form{display:grid;gap:13px}
.demo-login{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 18px}
.demo-login p{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px}
.demo-login button{border:1px solid rgba(239,173,66,.3);background:rgba(239,173,66,.08);color:var(--gold2);border-radius:10px;padding:11px;cursor:pointer}
.demo-login button:disabled{opacity:.6;cursor:wait}
.quick-login{display:grid;gap:10px;margin:0 0 16px}
.quick-auth{width:100%;height:44px;border:1px solid var(--line);background:#f6f2ec;color:#1d1712;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;cursor:pointer}
.quick-auth span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#222;font-weight:800}
.quick-auth.wechat{background:#16b35f;color:#fff;border-color:rgba(255,255,255,.08)}
.quick-auth.wechat span{color:#16b35f}
.quick-auth:disabled{opacity:.65;cursor:wait}
#googleButtonMount{display:grid;place-items:center}
.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;margin:2px 0 14px}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}
.form label{font-size:12px;color:#cfc4b8}
.form input,.form select{width:100%;margin-top:6px;border:1px solid var(--line);background:#0f0d0b;color:var(--text);border-radius:10px;padding:11px;outline:none}
.form input:focus{border-color:rgba(239,173,66,.5)}
.form .primary{margin-top:8px}
.payment-box{text-align:center}
.fake-qr{width:170px;height:170px;margin:18px auto;background:repeating-conic-gradient(#17120e 0 8deg,#eee6da 8deg 15deg);border:13px solid #eee6da;border-radius:13px}
.manual-qr{width:190px;height:190px;object-fit:contain;margin:18px auto;display:block;background:#fff;border:12px solid #eee6da;border-radius:13px}
.crypto-pay-box{display:grid;gap:12px;margin:18px 0;text-align:left}
.crypto-pay-box>div,.crypto-pay-box label{display:grid;gap:4px;padding:12px;border:1px solid rgba(239,173,66,.18);border-radius:10px;background:rgba(239,173,66,.06)}
.crypto-pay-box small{color:var(--muted);font-size:11px}
.crypto-pay-box strong{color:var(--gold2)}
.crypto-pay-box input{width:100%;font-size:13px;word-break:break-all}
.toasts{position:fixed;right:20px;bottom:20px;z-index:40}
.toast{background:#201a15;border:1px solid rgba(239,173,66,.25);padding:13px 16px;border-radius:11px;margin-top:8px}
.loading{text-align:center;color:var(--muted);grid-column:1/-1}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center;padding-top:70px}
.hero p{margin:auto}
.hero-actions{justify-content:center}
.oracle-disc{width:min(350px,78vw)}
.service-grid{grid-template-columns:repeat(2,1fr)}
.plan-grid{grid-template-columns:1fr}
.plan-card.featured{transform:none}
nav a{display:none}
.locale-switch{margin-left:auto}
}
@media(max-width:580px){.site-header{padding:0 18px;gap:12px}
.site-header nav{gap:8px}
.locale-switch button{padding:7px 8px}
.ghost{padding:8px 10px;font-size:12px}
.hero{padding:55px 20px}
.hero h1{font-size:44px}
.section{padding:65px 18px}
.service-grid{grid-template-columns:1fr}
.order{grid-template-columns:1fr}
.site-brand small{display:none}
footer{flex-direction:column;gap:15px;text-align:center}
.hero-actions{flex-direction:column}
}