:root{--ink:#17130f;--paper:#efe6d2;--paper2:#e4d3b2;--red:#8f2822;--red2:#b74032;--gold:#ba8f48;--jade:#56766a;--muted:#766b5c;--line:rgba(49,39,27,.15);--shadow:0 18px 60px rgba(12,8,5,.18)}
*{box-sizing:border-box}html{background:#1a1611;color:var(--ink)}body{margin:0;min-height:100vh;font-family:"Noto Serif SC","Songti SC","STSong",serif;background:radial-gradient(circle at 15% 20%,rgba(205,183,138,.13),transparent 30%),radial-gradient(circle at 90% 10%,rgba(130,61,46,.1),transparent 28%),#1a1611;overflow-x:hidden}button{font:inherit;color:inherit}.mist{position:fixed;pointer-events:none;filter:blur(60px);opacity:.18;border-radius:50%;z-index:0}.mist-a{width:42vw;height:25vw;background:#c6b58d;left:-10vw;top:12vh}.mist-b{width:35vw;height:22vw;background:#875c4a;right:-12vw;top:42vh}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:15px max(20px,calc((100vw - 1480px)/2));background:rgba(24,20,15,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08);color:#eee3cf}.brand-wrap{display:flex;gap:13px;align-items:center}.brand-wrap h1{font-size:22px;letter-spacing:.16em;margin:0}.brand-wrap p{margin:4px 0 0;color:#a99e8d;font-size:12px;letter-spacing:.08em}.seal{width:43px;height:43px;display:grid;place-items:center;border:2px solid #b64a3d;color:#d76e5f;font-size:25px;transform:rotate(-4deg);background:rgba(143,40,34,.08)}.top-actions{display:flex;gap:8px}
button{border:1px solid var(--line);background:rgba(255,255,255,.42);border-radius:8px;padding:10px 14px;cursor:pointer;transition:.16s ease;box-shadow:0 1px 0 rgba(255,255,255,.35) inset}button:hover{transform:translateY(-1px);background:rgba(255,255,255,.72);border-color:rgba(90,60,35,.28)}button:active{transform:translateY(0)}button.primary{background:linear-gradient(135deg,var(--red),#6f1f1b);border-color:#6f1f1b;color:#fff2e2;box-shadow:0 7px 18px rgba(98,31,25,.18)}button.primary:hover{background:linear-gradient(135deg,var(--red2),var(--red))}button.ghost{background:transparent;color:inherit;border-color:rgba(255,255,255,.15)}button.ghost:hover{background:rgba(255,255,255,.08)}button.danger{color:#d99186}button small{opacity:.7;margin-left:4px}
.shell{position:relative;z-index:1;max-width:1480px;margin:0 auto;padding:22px 20px 35px}.panel{background:linear-gradient(145deg,rgba(247,240,223,.97),rgba(230,216,187,.97));border:1px solid rgba(171,139,93,.42);box-shadow:var(--shadow);border-radius:12px;overflow:hidden;position:relative}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(90deg,transparent 49%,rgba(70,50,30,.08) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(70,50,30,.05) 50%,transparent 51%);background-size:28px 28px}.hero-card{padding:18px 22px;margin-bottom:16px}.hero-line{display:flex;justify-content:space-between;gap:16px;align-items:center}.eyebrow,.section-head span{font-size:11px;letter-spacing:.17em;color:var(--red);text-transform:uppercase}.hero-name{font-size:26px;font-weight:700;margin-top:3px}.muted{color:var(--muted);font-size:13px;margin-top:5px}.level-orb{border:1px solid rgba(143,40,34,.23);padding:8px 13px;text-align:right;background:rgba(255,255,255,.22);border-radius:7px}.level-orb span{display:block;font-size:10px;color:var(--muted);letter-spacing:.15em}.level-orb b{font-size:16px;color:var(--red)}
.stat-grid{display:grid;grid-template-columns:1.6fr 1.6fr repeat(4,.7fr);gap:11px;margin-top:16px}.stat,.mini{background:rgba(255,255,255,.28);border:1px solid rgba(94,73,48,.12);border-radius:7px;padding:10px 11px}.stat{display:grid;grid-template-columns:auto auto;gap:7px}.stat>b{justify-self:end}.stat>span,.mini>span{font-size:11px;color:var(--muted)}.stat i,.enemy-hp i{grid-column:1/-1;height:6px;border-radius:99px;background:rgba(50,35,22,.13);overflow:hidden}.stat em,.enemy-hp em{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--red),#c25443);transition:width .25s ease}.stat:nth-child(2) em{background:linear-gradient(90deg,#496c63,#78a092)}.mini{display:flex;flex-direction:column;gap:4px}.mini b{font-size:18px}
.layout{display:grid;grid-template-columns:minmax(250px,310px) minmax(430px,1fr) minmax(250px,310px);gap:16px;align-items:start}.map-panel,.stage-panel,.side-stack>.panel{padding:17px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.section-head h2{margin:2px 0 0;font-size:21px;letter-spacing:.08em}.section-head.compact{margin-bottom:7px}.day,.badge{font-size:11px!important;letter-spacing:.06em!important;color:var(--muted)!important;background:rgba(255,255,255,.28);border:1px solid var(--line);padding:5px 8px;border-radius:99px}.map{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:relative;padding:11px 0}.map:before{content:"";position:absolute;left:50%;top:7%;bottom:7%;border-left:1px dashed rgba(90,61,35,.22);transform:rotate(18deg)}.place{position:relative;z-index:1;text-align:left;padding:12px 10px;background:rgba(255,255,255,.22);border:1px solid rgba(102,77,47,.13);border-radius:8px;cursor:pointer;min-height:67px}.place:hover{background:rgba(255,255,255,.5)}.place.active{border-color:rgba(143,40,34,.5);box-shadow:0 0 0 2px rgba(143,40,34,.08) inset;background:rgba(161,78,55,.09)}.place b{display:block;font-size:15px}.place span{font-size:10px;color:var(--muted)}.place i{position:absolute;right:8px;top:8px;width:7px;height:7px;border-radius:50%;background:#7e9473}.place[data-danger="2"] i{background:#b58b46}.place[data-danger="3"] i{background:#b95b43}.place[data-danger="4"] i{background:#883a35}.map-actions{display:grid;gap:8px;margin-top:10px}.tip{font-size:11px;color:var(--muted);line-height:1.7;margin-top:11px;padding-top:10px;border-top:1px dashed rgba(90,60,35,.18)}
.stage-panel{min-height:690px}.stage-art{height:205px;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(#d9caaa,#cab890);border:1px solid rgba(79,55,32,.13)}.stage-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 50%),repeating-linear-gradient(0deg,rgba(58,42,24,.028) 0 1px,transparent 1px 4px);mix-blend-mode:multiply}.moon{position:absolute;width:52px;height:52px;border-radius:50%;background:rgba(248,238,205,.82);right:12%;top:18%;box-shadow:0 0 40px rgba(249,238,196,.45)}.mountains{position:absolute;left:-6%;right:-5%;bottom:-18px;height:155px;background:linear-gradient(148deg,transparent 0 26%,rgba(51,58,50,.65) 27% 41%,transparent 42%),linear-gradient(215deg,transparent 0 35%,rgba(71,71,56,.53) 36% 55%,transparent 56%),linear-gradient(162deg,transparent 0 47%,rgba(44,51,46,.55) 48% 65%,transparent 66%);filter:blur(.1px)}.pagoda{position:absolute;left:17%;bottom:15px;width:15px;height:55px;background:#4c4031}.pagoda:before,.pagoda:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:28px solid transparent;border-right:28px solid transparent;border-bottom:8px solid #574535}.pagoda:before{bottom:40px}.pagoda:after{bottom:20px;width:0}.stage-art.mountain{background:linear-gradient(#c5c7b8,#b0ae96)}.stage-art.desert{background:linear-gradient(#dbbf86,#c68f55)}.stage-art.fort{background:linear-gradient(#c3b9a7,#927d65)}.story{font-size:15px;line-height:1.9;padding:16px 4px 8px;min-height:88px}.story strong{color:var(--red)}.choices{display:flex;flex-wrap:wrap;gap:8px;padding:3px 0 12px}.combat{padding:12px;border:1px solid rgba(143,40,34,.18);background:rgba(143,40,34,.045);border-radius:8px;margin-bottom:12px}.enemy-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.enemy-row h3{margin:2px 0;font-size:20px}.enemy-hp{min-width:170px;text-align:right;font-size:12px}.enemy-hp i{display:block;margin-top:6px}.combat-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.log-wrap{border-top:1px dashed rgba(80,58,36,.18);padding-top:11px}.log-title{font-size:11px;color:var(--muted);letter-spacing:.12em;margin-bottom:6px}.log{height:138px;overflow:auto;font-size:12px;line-height:1.7;color:#544b40;padding-right:5px}.log div{padding:4px 0;border-bottom:1px dotted rgba(75,55,33,.11)}.log time{color:#9e8f7d;margin-right:7px}
.side-stack{display:grid;gap:16px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:12px}.tab{padding:8px 4px;border-radius:5px;background:rgba(255,255,255,.18)}.tab.active{background:#66503b;color:#f4ead7;border-color:#66503b}.tab-body{min-height:225px}.item-card{padding:9px 0;border-bottom:1px dashed rgba(77,57,35,.18);display:flex;justify-content:space-between;gap:12px}.item-card:last-child{border-bottom:0}.item-card b{font-size:14px}.item-card p{font-size:11px;color:var(--muted);margin:3px 0;line-height:1.5}.item-card .rank{color:var(--red);font-size:11px;white-space:nowrap}.equip-slot{display:grid;grid-template-columns:50px 1fr;gap:8px;padding:9px 0;border-bottom:1px dashed var(--line)}.equip-slot span{font-size:11px;color:var(--muted)}.equip-slot b{font-size:13px}.quest{padding:10px 0;border-bottom:1px dashed rgba(77,57,35,.18)}.quest:last-child{border-bottom:0}.quest-head{display:flex;justify-content:space-between;gap:8px}.quest b{font-size:14px}.quest p{margin:5px 0;color:var(--muted);font-size:11px;line-height:1.55}.progress{height:5px;border-radius:99px;background:rgba(50,35,22,.11);overflow:hidden}.progress em{display:block;height:100%;background:var(--jade)}.quest.done b:after{content:" · 已完成";color:#6f826b;font-size:10px}.hidden{display:none!important}.toast{position:fixed;top:76px;left:50%;transform:translate(-50%,-8px);background:rgba(30,25,19,.94);color:#f4ead8;padding:9px 14px;border-radius:7px;font-size:12px;z-index:50;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}footer{display:flex;justify-content:space-between;gap:20px;color:#9e9486;font-size:11px;padding:18px 5px 0}
@media(max-width:1100px){.layout{grid-template-columns:280px 1fr}.side-stack{grid-column:1/-1;grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1.4fr 1.4fr repeat(2,.65fr)}.mini:nth-last-child(-n+2){grid-column:auto}}
@media(max-width:760px){.topbar{padding:12px 14px}.brand-wrap h1{font-size:17px}.brand-wrap p{display:none}.seal{width:36px;height:36px;font-size:20px}.top-actions button{padding:8px;font-size:11px}.shell{padding:12px}.hero-card{padding:14px}.hero-name{font-size:21px}.stat-grid{grid-template-columns:1fr 1fr}.stat{grid-column:span 1}.layout{grid-template-columns:1fr}.side-stack{grid-column:auto;grid-template-columns:1fr}.map{grid-template-columns:repeat(3,1fr)}.place{min-height:62px;padding:9px 7px}.place b{font-size:13px}.stage-panel{min-height:0}.stage-art{height:160px}.combat-actions{grid-template-columns:1fr 1fr}.enemy-hp{min-width:125px}footer{flex-direction:column;gap:5px}.level-orb{display:none}}
@media(max-width:430px){.brand-wrap h1{font-size:15px}.top-actions{gap:4px}.top-actions button{padding:7px 6px}.map{grid-template-columns:1fr 1fr}.stage-art{height:140px}.story{font-size:14px}.stat-grid{gap:7px}.stat,.mini{padding:8px}.combat-actions{grid-template-columns:1fr}}
.online-panel h2 small{font-size:11px;color:var(--red);vertical-align:middle}.net-state{font-size:10px!important;padding:4px 7px;border-radius:99px;border:1px solid var(--line);color:var(--muted)!important;letter-spacing:0!important}.net-state.ok{color:#50715f!important;background:rgba(80,113,95,.08)}.net-state.warn{color:#a26a42!important}.player-list{max-height:190px;overflow:auto}.online-sub{font-size:10px;color:var(--muted);letter-spacing:.1em;margin:8px 0 3px}.online-player{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px dashed var(--line)}.online-player b{font-size:13px}.online-player small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.online-player button{padding:5px 8px;font-size:10px}.empty-online{font-size:11px;color:var(--muted);padding:10px 0}.emotes{display:flex;gap:5px;margin:8px 0}.emotes button{font-size:10px;padding:5px 8px}.chat-log{height:150px;overflow:auto;border:1px solid var(--line);background:rgba(255,255,255,.2);border-radius:7px;padding:7px}.chat-msg{font-size:11px;line-height:1.45;margin:0 0 7px}.chat-msg b{color:var(--red);margin-right:5px}.chat-msg.mine b{color:var(--jade)}.chat-msg.system{color:var(--muted);font-style:italic}.chat-input{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:7px}.chat-input input{min-width:0;border:1px solid var(--line);background:rgba(255,255,255,.35);border-radius:7px;padding:8px 9px;font:inherit;font-size:11px;outline:none}.chat-input input:focus{border-color:rgba(143,40,34,.42)}.chat-input button{padding:7px 10px;font-size:11px}.duel-box{margin-top:9px;padding:9px;border:1px solid rgba(143,40,34,.22);background:rgba(143,40,34,.05);border-radius:7px}.duel-box>div:first-child{display:flex;justify-content:space-between;font-size:11px}.duel-box p{font-size:10px;color:var(--muted);margin:6px 0}.duel-box small{display:block;margin-bottom:6px}.duel-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.duel-actions button{font-size:10px;padding:6px}.duel-action:disabled{opacity:.4;cursor:not-allowed}