.sg-page{margin:0;background:#090e0c;color:#f8f1df;font-family:"Microsoft YaHei",system-ui,sans-serif}.sg-page *{box-sizing:border-box}.sg-page a{color:inherit;text-decoration:none}.sg-page button{font:inherit;cursor:pointer}.sg-hero{position:relative;isolation:isolate;min-height:100svh;overflow:hidden}.sg-backdrop{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#0a100ff5 0%,#101610dc 42%,#23150c4d 80%),url('assets/games/three-kingdoms/battlefield.webp') center/cover}.sg-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#09110def,transparent 42%)}.sg-nav{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:24px 5%;border-bottom:1px solid #f4dda82b;font-size:12px;position:relative;z-index:3}.sg-nav span{color:#d6caa7;font-size:10px;letter-spacing:.18em}.sg-nav a{padding:9px 0}.sg-nav a:hover{color:#e4efaa}.sg-character{position:absolute;right:1%;top:10%;width:min(59%,850px);height:80%;object-fit:contain;filter:drop-shadow(0 18px 28px #0009);pointer-events:none;z-index:-1}.sg-copy{width:54%;max-width:760px;padding:9vh 0 10vh 7%;position:relative;z-index:2}.sg-eyebrow{color:#d7df91;font:11px/1.5 Arial,sans-serif;letter-spacing:.18em;margin:0 0 20px}.sg-copy h1{font:800 clamp(48px,5vw,82px)/1.15 "Songti SC",SimSun,serif;letter-spacing:-.04em;margin:0}.sg-copy h1 span{color:#d3e878}.sg-lead{font:600 clamp(20px,1.8vw,28px)/1.6 "Songti SC",SimSun,serif;letter-spacing:.05em;margin:24px 0}.sg-desc{max-width:460px;color:#d6d6c2;font-size:14px;line-height:1.9}.sg-facts{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.sg-facts span{font-size:11px;border:1px solid #d8d5a43f;border-radius:20px;padding:7px 12px;color:#e1ddc2}.sg-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px}.sg-start{display:inline-flex;align-items:center;gap:38px;min-height:54px;border-radius:99px;border:1px solid #e7f4a3;background:#cbe87d;color:#111d10;padding:13px 24px;font-size:16px;font-weight:650}.sg-start i{font-style:normal;font-size:22px}.sg-actions a{font-size:13px;border-bottom:1px solid #e1e9c75e;padding:10px 0}.sg-hint,.sg-signature{font-size:11px;color:#c2c9b0;line-height:1.7}.sg-hint{margin-top:22px}.sg-signature{position:absolute;bottom:24px;left:7%;letter-spacing:.12em}.sg-page :focus-visible{outline:2px solid #d8f19e;outline-offset:4px}.sg-play{width:min(1500px,96vw);height:94dvh;max-width:none;max-height:none;padding:0;border:1px solid #d6e6ae44;border-radius:14px;background:#08130e;color:#f7f6df;overflow:hidden}.sg-play[open]{display:flex;flex-direction:column}.sg-play::backdrop{background:#030c09e8;backdrop-filter:blur(10px)}.sg-play>header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:0 18px;border-bottom:1px solid #fff2;font-size:14px}.sg-play>header small{font-size:10px;color:#aeb9a0;margin-left:10px}.sg-play>header div{display:flex;align-items:center;gap:14px}.sg-play>header a{font-size:11px}.sg-play button{min-height:44px;color:inherit;background:transparent;border:0;padding:8px}.sg-frame{flex:1;min-height:0;background:#070e0a}.sg-frame iframe{border:0;width:100%;height:100%;display:block}.sg-play>p{min-height:24px;margin:0;padding:4px;text-align:center;font-size:10px;color:#b8c4ae}.sg-playing{overflow:hidden}.sg-making{width:min(1200px,calc(100% - 48px));margin:auto}.sg-making header{padding:65px 0 45px;border-bottom:1px solid #d9e5cd40}.sg-making h1{font:700 clamp(36px,5vw,64px)/1.2 "Songti SC",SimSun,serif;margin:12px 0}.sg-making header>p:last-child{font-size:14px;line-height:1.9;color:#bfcbb8;max-width:700px}.sg-making section{padding:40px 0;border-bottom:1px solid #d9e5cd33}.sg-making h2{font-size:23px;margin:0 0 14px}.sg-making section p{font-size:14px;line-height:1.9;color:#bac7b6;max-width:780px}.sg-making figure{margin:20px 0 0}.sg-making figure img{width:100%;height:auto;display:block;border:1px solid #d9e5cd35}.sg-making figcaption{font-size:11px;color:#9cab98;margin-top:10px}.sg-making-footer{display:flex;gap:25px;flex-wrap:wrap;padding:30px 0 60px}.sg-making-footer a{color:#d4eca0;font-size:13px}.sg-making .sg-nav{padding-inline:0}
@media(max-width:900px){.sg-nav{padding:14px 6%;font-size:11px}.sg-nav span{display:none}.sg-hero{display:flex;flex-direction:column}.sg-character{position:relative;order:1;top:auto;right:auto;width:100%;height:300px;margin:10px auto -15px;z-index:0}.sg-copy{order:2;width:100%;padding:12px 7% 40px}.sg-copy h1{font-size:45px}.sg-lead{font-size:21px;margin:16px 0}.sg-desc{font-size:13px}.sg-facts{margin:17px 0}.sg-actions{gap:16px;margin-top:20px}.sg-signature{position:relative;order:3;left:auto;bottom:auto;margin:0 7% 25px}.sg-play{width:100vw;height:100dvh;border:0;border-radius:0;margin:0}.sg-play>header{min-height:50px;padding:0 10px;font-size:12px}.sg-play>header small{display:none}.sg-play>header div{gap:5px}.sg-play>header a{font-size:10px}.sg-making{width:calc(100% - 36px)}.sg-making header{padding:35px 0 25px}.sg-making section{padding:28px 0}}