:root{
  --night-0:#0d0b09;--night-1:#17120e;--night-2:#25160f;--night-3:#3a1710;
  --ice:#f5d78c;--sky:#d8ad57;--blue:#a12d22;--violet:#8f2119;--magenta:#c95a35;--rose:#f0c47d;
  --gold:#f5d78c;--star:#fff3d0;--ink:#f3ecdf;--ink-soft:#c0b6a5;--ink-dim:#8d8374;
  --glass:rgba(29,20,14,.76);--glass-2:rgba(14,11,8,.9);--border:rgba(215,169,75,.28);--border-bright:rgba(245,215,140,.55);
  --grad-brand:linear-gradient(100deg,#f5d78c,#c58a2f 58%,#8f2119);
  --grad-btn:linear-gradient(135deg,#efd083,#b47a22 65%,#7d2118);
  --glow-blue:0 0 26px rgba(215,169,75,.35);--glow-violet:0 0 34px rgba(143,33,25,.45);
  --font-head:"Noto Serif TC","Microsoft JhengHei",serif;--font-body:"Noto Sans TC","Microsoft JhengHei",sans-serif;
}
body{background:#0d0b09;color:var(--ink)}
::selection{background:#8f2119;color:#fff}
.sg-ambient{position:fixed;inset:0;z-index:-5;background:radial-gradient(circle at 50% 0,rgba(143,33,25,.24),transparent 34%),linear-gradient(135deg,#0d0b09,#17100b 60%,#0a0908)}
.sg-ambient:after{content:"";position:absolute;inset:0;opacity:.12;background-image:repeating-linear-gradient(115deg,transparent 0 48px,rgba(245,215,140,.12) 49px,transparent 50px)}

.nav{min-height:76px;padding:12px clamp(16px,4vw,58px);background:linear-gradient(180deg,rgba(8,6,4,.94),rgba(8,6,4,.62));border-bottom:1px solid rgba(215,169,75,.22)}
.nav.scrolled{background:rgba(10,8,6,.96);box-shadow:0 1px 0 var(--border),0 15px 40px rgba(0,0,0,.45)}
.sg-brand{display:inline-flex;align-items:center;gap:11px;letter-spacing:.08em;white-space:nowrap}
.sg-brand .sg-seal{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d7a94b;color:#f5d78c;font:700 24px var(--font-head);box-shadow:inset 0 0 0 3px rgba(215,169,75,.1);transform:rotate(-3deg)}
.sg-brand b{display:block;font:700 16px var(--font-head)}.sg-brand small{display:block;color:#d7a94b;font:9px Arial,sans-serif;letter-spacing:.25em}
.nav__links{margin-left:auto}.nav__links a{color:#d8d0c3}.nav__links a:after{background:var(--grad-brand)}
.sg-nav-btn{padding:10px 18px!important;font-size:13px!important;border-radius:2px!important}.nav__right{margin-left:16px}
.btn{border-radius:2px}.btn--primary{color:#1a1107;box-shadow:0 12px 30px -8px rgba(116,62,13,.75),inset 0 0 0 1px rgba(255,255,255,.22)}
.btn--ghost{background:rgba(12,10,8,.62)}
.card{border-radius:4px;background:linear-gradient(145deg,rgba(43,28,18,.88),rgba(13,11,9,.94));box-shadow:0 22px 60px -25px #000,inset 0 0 0 1px rgba(215,169,75,.06)}
.card:before{border-radius:inherit;background:linear-gradient(140deg,rgba(245,215,140,.5),transparent 42%,transparent 62%,rgba(143,33,25,.6))}
.eyebrow{color:#d7a94b}.h-sec{background:linear-gradient(120deg,#fff8e8,#e5c77e 64%,#a66a20);-webkit-background-clip:text;background-clip:text;color:transparent}.sub-sec{color:#a99f90}

.sg-hero{position:relative;min-height:100svh;background:#17120d url('/img/sanguo-hero.png') center/cover no-repeat;display:flex;justify-content:center;overflow:hidden}
.sg-hero__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,4,3,.06) 16%,transparent 50%,rgba(6,5,4,.95) 100%)}
.sg-server-band{position:absolute;top:76px;left:0;right:0;height:44px;display:flex;align-items:center;justify-content:center;gap:14px;color:#ffe7a7;background:linear-gradient(90deg,rgba(45,11,8,.72),rgba(112,24,17,.96),rgba(45,11,8,.72));border-block:1px solid rgba(245,215,140,.42);font:700 12px Arial,sans-serif;letter-spacing:.28em;z-index:3}
.sg-server-band span{width:38px;height:1px;background:#d7a94b}
.sg-hero__content{position:relative;z-index:2;width:min(1120px,90vw);min-height:100svh;display:flex;flex-direction:column;align-items:center;text-align:center;padding:115px 0 48px}.sg-hero__spacer{flex:1;min-height:390px}
.sg-hero__copy{padding:12px clamp(18px,4vw,48px);margin-bottom:18px;color:#fffaf0;font:700 clamp(15px,1.4vw,20px)/1.85 var(--font-body);letter-spacing:.08em;background:linear-gradient(90deg,transparent,rgba(7,6,5,.82) 16%,rgba(7,6,5,.82) 84%,transparent);border-block:1px solid rgba(245,215,140,.22);text-shadow:0 2px 5px #000,0 0 18px #000;backdrop-filter:blur(3px)}
.sg-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.sg-actions b{margin-left:12px}.sg-platforms{display:flex;gap:10px;align-items:center;margin-top:20px;color:#a99f90;font:10px Arial,sans-serif;letter-spacing:.2em}.sg-platforms i{width:3px;height:3px;border-radius:50%;background:#d7a94b}
.sg-ticker{min-height:62px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(14px,2vw,34px);padding:15px 24px;background:#861f18;border-block:1px solid #c45d45;font:700 12px Arial,sans-serif;letter-spacing:.2em}.sg-ticker b{color:#d18b62;font-size:8px}

.sg-heading{max-width:760px;margin-bottom:52px}.sg-heading.center{margin-inline:auto;text-align:center}.sg-heading h2,.sg-final h2{margin:0;font:900 clamp(34px,4.5vw,66px)/1.15 var(--font-head);letter-spacing:.04em}.sg-heading>p,.sg-final p{margin-top:16px;color:#9e9486;line-height:1.8;letter-spacing:.05em}
.sg-phase{background:radial-gradient(circle at 50% 65%,rgba(143,33,25,.18),transparent 35%),#0f0d0b}.sg-stats{display:grid;grid-template-columns:1fr .8fr 1fr;gap:24px;align-items:stretch}.sg-stat{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(215,169,75,.32);position:relative;background:linear-gradient(145deg,rgba(255,255,255,.035),transparent)}.sg-stat small{color:#d7a94b;letter-spacing:.3em}.sg-stat strong{font:800 clamp(70px,8vw,108px)/1 Arial,sans-serif;letter-spacing:-.06em}.sg-stat strong i{font-size:14px;color:#d7a94b}.sg-stat>span{margin-top:14px;color:#aaa092}.sg-phase-center{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.sg-phase-center>span{color:#d7a94b;letter-spacing:.3em}.sg-phase-center b{font:700 30px/1.4 var(--font-head);margin:14px}.sg-phase-center em{color:#776e63;font:10px Arial,sans-serif;letter-spacing:.24em}
.sg-features{background-color:#e8e0d0;color:#17130e;background-image:radial-gradient(#c7baa2 .7px,transparent .7px);background-size:9px 9px}.sg-features .eyebrow{color:#8f2119}.sg-features .sg-heading>p{color:#6f675b}.sg-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bfb4a2;border:1px solid #bfb4a2}.sg-feature{position:relative;min-height:290px;padding:38px;overflow:hidden;background:rgba(241,234,219,.97);transition:.25s}.sg-feature:hover{background:#fff8ea;transform:translateY(-4px);z-index:2}.sg-feature small{color:#8f2119;font:700 10px Arial,sans-serif;letter-spacing:.24em}.sg-feature h3{position:relative;margin:38px 0 15px;font:700 27px var(--font-head)}.sg-feature p{position:relative;color:#6d655a;line-height:1.8;font-size:14px}.sg-feature__mark{position:absolute;right:15px;bottom:-48px;color:rgba(143,33,25,.055);font:900 180px/1 var(--font-head)}
.sg-war{position:relative;min-height:740px;display:grid;place-items:center;overflow:hidden;padding:100px 24px;background:radial-gradient(circle at 50% 50%,rgba(145,42,22,.46),transparent 30%),linear-gradient(120deg,#0b0a08,#27100a 50%,#080807)}.sg-war__states{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-around;color:rgba(225,199,145,.045);font:900 clamp(230px,31vw,500px)/1 var(--font-head)}.sg-war__states span:nth-child(2){transform:translateY(100px)}.sg-war__content{position:relative;text-align:center;max-width:900px}.sg-war h2{font:900 clamp(62px,10vw,140px)/.98 var(--font-head);letter-spacing:.04em}.sg-war h2 em{color:#f5d78c;font-style:normal}.sg-war__content>p{margin:32px 0;color:#c0b6a5;line-height:2}.sg-war__content>div{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.sg-war__content>div span{padding:10px 20px;border:1px solid rgba(215,169,75,.36);color:#f5d78c;font-size:12px;letter-spacing:.18em}
.sg-news{background:#15110d}.sg-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sg-news-card{padding:30px}.sg-news-card small{color:#d7a94b}.sg-news-card h3{font:700 21px var(--font-head);margin:20px 0 12px}.sg-news-card p{color:#978e82}.sg-empty{text-align:center;color:#7d7468;padding:30px}.sg-final{text-align:center;background:radial-gradient(circle at 50% 30%,rgba(143,33,25,.2),transparent 45%),#0f0d0b}.sg-final>.wrap{max-width:850px}

.sg-page-hero{min-height:440px;padding:145px 24px 80px;background:linear-gradient(180deg,rgba(8,6,4,.42),#0d0b09),url('/img/sanguo-hero.png') center 38%/cover}.sg-page-hero .breadcrumb{position:relative}.page-hero:not(.sg-page-hero) .page-hero__bg{background-image:url('/img/sanguo-hero.png')!important;filter:saturate(.65)}.page-hero:not(.sg-page-hero) .page-hero__veil{background:linear-gradient(180deg,rgba(8,6,4,.4),#0d0b09)!important}
.sg-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sg-role-card{position:relative;min-height:270px;padding:34px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(49,29,17,.85),rgba(12,10,8,.95))}.sg-role-card>span{position:absolute;right:20px;top:10px;color:rgba(215,169,75,.08);font:900 100px var(--font-head)}.sg-role-card small{color:#d7a94b;letter-spacing:.25em}.sg-role-card h2{font:700 34px var(--font-head);margin:28px 0 12px}.sg-role-card p{color:#a79d8f;line-height:1.8}.sg-role-card>div{display:flex;gap:7px;margin-top:22px}.sg-role-card b{padding:5px 9px;border:1px solid rgba(215,169,75,.3);color:#d7a94b;font-size:11px}.sg-troops{background:#e8e0d0;color:#17130e}.sg-troops .eyebrow{color:#8f2119}.sg-troops .sg-heading p{color:#6f675b}.sg-troop-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.sg-troop-row span{padding:13px 18px;background:#1a130e;color:#f0d084;border-left:3px solid #8f2119}
.sg-guide-tip,.sg-download-note{margin-top:28px;padding:28px;border:1px solid var(--border);background:rgba(143,33,25,.12)}.sg-guide-tip b,.sg-download-note b{color:#d7a94b;font:700 20px var(--font-head)}.sg-guide-tip p,.sg-download-note p{color:#aaa092;margin:8px 0}.sg-download-note a{color:#f5d78c}.sg-download-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sg-download-card{padding:45px}.sg-download-card .sg-os{display:grid;place-items:center;width:72px;height:72px;border:1px solid #d7a94b;color:#f5d78c;font:700 25px Arial}.sg-download-card small{display:block;margin:24px 0 6px;color:#d7a94b;letter-spacing:.25em}.sg-download-card h2{font:700 28px var(--font-head)}.sg-download-card p{margin:14px 0 28px;color:#a69c8e;line-height:1.8}
.sg-auth-aside{background:linear-gradient(150deg,rgba(76,24,15,.88),rgba(13,10,8,.96))!important}.sg-aside-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.sg-aside-benefits div{padding:15px;border:1px solid rgba(215,169,75,.25);background:rgba(0,0,0,.18)}.sg-aside-benefits b{display:block;color:#f5d78c;font:700 25px Arial}.sg-aside-benefits span{font-size:12px;color:#b3a99b}
.footer{background:#090806;border-top:1px solid rgba(215,169,75,.18)}.sg-footer-head{max-width:1240px;margin:0 auto 40px;display:flex;align-items:center;justify-content:space-between;color:#8f8578}.foot-col h5{color:#d7a94b}.foot-col a{color:#9f9689}.foot-bot{border-color:rgba(215,169,75,.15)}
.page-bg-samurai{background:url('/img/sanguo-hero.png') center/cover no-repeat!important}.page-bg-samurai>img{opacity:0!important}.hayato-auth-art{background:url('/img/sanguo-hero.png') 42% center/cover no-repeat!important}.hayato-auth-art>img{opacity:0!important}.hayato-page{--blood-1:#c94c38;--blood-2:#97291e;--blood-3:#64150f;--gold-1:#f5d78c;--gold-2:#d7a94b;--gold-3:#9a621b}.sh-kanji,.cm-kanji,.pc-kanji{color:rgba(215,169,75,.18)!important}.sh-buy,.sh-charge-primary{background:linear-gradient(135deg,#d7a94b,#8f2119)!important}.charge-section{padding-top:120px!important;min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(143,33,25,.18),transparent 38%)}

@media(max-width:900px){
  .nav{min-height:66px;display:flex;align-items:center}
  .nav__links{position:fixed;top:0;left:0;right:0;width:100%;max-height:100svh;overflow-y:auto;flex-direction:column;gap:6px;margin:0;padding:78px 28px 28px;background:linear-gradient(180deg,rgba(25,14,9,.99),rgba(10,8,6,.99));backdrop-filter:blur(16px);transform:translateY(-100%);transition:transform .35s;border-bottom:1px solid var(--border);z-index:55}
  .nav__links.open{transform:translateY(0)}
  .nav__links a{width:100%;padding:12px 0;text-align:center;font-size:18px}
  .nav__right{display:flex;flex:0 0 auto;justify-content:flex-end;margin-left:auto}
  .sg-nav-btn{display:none}
  .nav__burger{display:flex;position:relative;z-index:60;margin-left:auto}
  .nav__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav__burger.open span:nth-child(2){opacity:0}
  .nav__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .sg-server-band{top:66px}.sg-feature-grid,.sg-role-grid{grid-template-columns:1fr 1fr}.sg-stats{grid-template-columns:1fr 1fr}.sg-phase-center{grid-column:1/-1;grid-row:2;padding-top:22px}.sg-news-grid{grid-template-columns:1fr}.sg-footer-head{align-items:flex-start;gap:20px}.sg-hero__spacer{min-height:420px}
}
@media(max-width:600px){.sg-brand b{font-size:13px}.sg-brand .sg-seal{width:35px;height:35px}.sg-nav-btn{display:none}.sg-hero{min-height:720px;background-size:auto 720px}.sg-hero__content{min-height:720px}.sg-server-band{font-size:10px}.sg-actions .btn{flex:1;min-width:145px}.sg-feature-grid,.sg-role-grid,.sg-download-grid{grid-template-columns:1fr}.sg-stat{min-height:210px}.sg-stat strong{font-size:58px}.sg-war{min-height:620px}.sg-war h2{font-size:58px}.sg-footer-head{display:block}.sg-footer-head p{margin-top:18px}.sg-feature{min-height:240px}.sg-download-card{padding:30px}}