:root{--ink:#2d2017;--ink-soft:#66513d;--paper-top:#f7efdc;--paper-bottom:#e2cdab;--panel:rgba(255,248,235,0.86);--line:rgba(108,72,42,0.22);--accent:#94522a;--accent-deep:#6a3417;--river:#5b7b82;--good:#2f6a4a;--warn:#8d6a2d;--shadow:0 16px 34px rgba(63,39,21,0.16)}*{box-sizing:border-box;margin:0;padding:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.qsls-body{min-height:100vh;color:var(--ink);font-family:STKaiti,KaiTi,SimSun,serif;background:var(--site-bg-image) left top/704px auto repeat;position:relative}.qsls-body:before{background:var(--site-bg-image) var(--site-bg-jitter-pos-1) /var(--site-bg-jitter-size-1) repeat;opacity:var(--site-bg-jitter-opacity-1)}.qsls-body:after,.qsls-body:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.qsls-body:after{background:var(--site-bg-image) var(--site-bg-jitter-pos-2) /var(--site-bg-jitter-size-2) repeat;opacity:var(--site-bg-jitter-opacity-2)}.qsls-shell{width:min(1220px,calc(100% - 2rem));margin:0 auto;position:relative;z-index:1}.qsls-topbar{position:sticky;top:.8rem;z-index:9;justify-content:space-between;gap:1rem;padding:.72rem 1rem;border-radius:16px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(8px);box-shadow:var(--shadow)}.qsls-brand,.qsls-topbar{display:flex;align-items:center}.qsls-brand{gap:.65rem}.qsls-brand img{width:56px;height:56px;object-fit:contain;border-radius:12px;border:0;background:transparent}.qsls-brand strong{display:block;font-size:clamp(1.22rem,2vw,1.56rem);letter-spacing:.04em}.qsls-brand small{display:block;margin-top:2px;color:var(--ink-soft);font-size:.72rem;letter-spacing:.18em}.qsls-nav{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.qsls-nav a{border-radius:999px;padding:.35rem .78rem;border:1px solid rgba(110,75,46,.24);color:#4b3627;background:rgba(255,244,223,.75);transition:transform .22s ease}.qsls-nav a:hover{transform:translateY(-2px)}.qsls-hero{margin-top:1.2rem;border-radius:20px;padding:clamp(.96rem,2.4vw,1.5rem);display:grid;grid-template-columns:minmax(0,1.24fr) minmax(230px,.76fr);gap:.82rem;color:#f7f0e4;background:linear-gradient(115deg,rgba(57,32,18,.94),rgba(86,120,128,.86) 52%,rgba(67,34,17,.92)),url(/images/optimized/home-hero.webp) 50%/cover no-repeat;box-shadow:var(--shadow);position:relative;overflow:hidden}.qsls-hero:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,228,194,.28);border-radius:20px;pointer-events:none}.hero-kicker{font-size:.82rem;letter-spacing:.2em;opacity:.84}.qsls-hero h1{margin-top:.24rem;margin-bottom:.48rem;font-size:clamp(1.82rem,3.8vw,2.78rem);letter-spacing:.06em}.hero-copy p{max-width:58ch;line-height:1.58}.hero-tags{margin-top:.64rem;display:flex;flex-wrap:wrap;gap:.42rem}.hero-tags span{border-radius:999px;padding:.2rem .62rem;border:1px solid rgba(255,228,195,.28);background:rgba(255,241,221,.1)}.hero-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.hero-side article{border-radius:10px;border:1px solid rgba(255,228,194,.26);background:rgba(255,244,223,.08);padding:.56rem .64rem}.hero-side span{display:block;font-size:.85rem;opacity:.84}.hero-side strong{display:block;margin-top:.16rem;font-size:1.04rem}.qsls-layout{margin-top:1rem;grid-template-columns:340px minmax(0,1fr)}.qsls-layout,.qsls-main,.qsls-sidebar{display:grid;gap:1rem}.feedback-panel,.history-panel,.prompt-panel,.rules-card,.status-card,.track-card{border-radius:18px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:1rem}.label{display:block;color:var(--ink-soft);font-size:.92rem}.status-card strong{display:block;margin-top:.18rem;font-size:2.6rem;line-height:1.05;color:var(--accent-deep)}.status-card p{margin-top:.45rem;line-height:1.62}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.stat-grid article{border-radius:14px;border:1px solid rgba(118,78,47,.2);background:rgba(255,251,244,.82);padding:.72rem;text-align:center}.stat-grid span{display:block;color:var(--ink-soft);font-size:.84rem}.stat-grid strong{display:block;margin-top:.2rem;font-size:1.42rem}.action-group{display:grid;gap:.55rem}.ghost-btn,.primary-btn,.secondary-btn{border:0;border-radius:12px;padding:.65rem .85rem;cursor:pointer;transition:transform .2s ease,filter .2s ease}.ghost-btn:hover,.primary-btn:hover,.secondary-btn:hover{transform:translateY(-2px);filter:saturate(1.08)}.ghost-btn:disabled,.primary-btn:disabled,.secondary-btn:disabled{cursor:not-allowed;transform:none;filter:none;opacity:.58}.primary-btn{color:#fff8ee;background:linear-gradient(120deg,var(--accent-deep) 0,var(--accent) 100%)}.secondary-btn{color:#4b3626;border:1px solid rgba(110,75,46,.22);background:rgba(255,244,223,.76)}.ghost-btn{color:#4b3626;border:1px dashed rgba(110,75,46,.3);background:transparent}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.feedback-panel h3,.section-head h2,.section-head h3{font-size:1.28rem;color:var(--accent-deep)}.feedback-panel p,.rules-card li,.section-head p{margin-top:.32rem;color:var(--ink-soft);line-height:1.64}.state-pill{flex:none;border-radius:999px;padding:.24rem .72rem;color:#fff8ee;background:linear-gradient(120deg,var(--warn) 0,#b38732 100%)}.state-pill.is-live{background:linear-gradient(120deg,#2d6849,#3c8d65)}.state-pill.is-finished{background:linear-gradient(120deg,#587379,#789aa1)}.cup-track{list-style:none;margin-top:.8rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.cup-track li{position:relative;min-height:64px;border-radius:16px;border:1px solid rgba(91,123,130,.26);background:linear-gradient(180deg,rgba(245,250,251,.94),rgba(219,236,240,.76));display:grid;place-items:center;color:#3f5b61;font-size:.92rem}.cup-track li:before{content:"觞";font-size:1.24rem;font-weight:700}.cup-track li.is-current{border-color:rgba(148,82,42,.5);color:var(--accent-deep);box-shadow:inset 0 0 0 2px rgba(148,82,42,.18)}.cup-track li.is-done{border-color:rgba(47,106,74,.32);background:linear-gradient(180deg,rgba(236,250,244,.92),rgba(225,243,234,.82));color:var(--good)}.cup-track li.is-skipped{border-color:rgba(141,106,45,.28);background:linear-gradient(180deg,rgba(250,246,233,.92),rgba(242,233,210,.82));color:var(--warn)}.rules-card ul{margin-left:1.1rem;display:grid;gap:.4rem}.prompt-panel{display:grid;gap:.82rem}.prompt-badge{flex:none;border-radius:999px;padding:.24rem .72rem;color:#fff8ee;background:linear-gradient(120deg,#587379,#7a99a0)}.prompt-scroll{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(116,78,47,.18);background:linear-gradient(180deg,rgba(252,248,239,.96),rgba(246,238,221,.92));padding:1rem}.prompt-scroll:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 50%,rgba(148,82,42,.08) 0,transparent 20%),radial-gradient(circle at 88% 46%,rgba(91,123,130,.08) 0,transparent 20%)}.prompt-label{color:var(--ink-soft);font-size:.92rem}.prompt-scroll h3{margin-top:.28rem;font-size:1.72rem;color:var(--accent-deep)}.prompt-text{margin-top:.7rem;font-size:clamp(1.2rem,2.6vw,1.62rem);line-height:1.7}.prompt-hint{margin-top:.6rem;color:var(--ink-soft);line-height:1.64}.answer-box span{display:block;margin-bottom:.38rem;color:var(--ink-soft)}.answer-box input{width:100%;border-radius:14px;border:1px solid rgba(115,77,46,.22);background:rgba(255,252,246,.9);padding:.85rem;color:var(--ink);outline:none}.answer-box input:focus{border-color:rgba(148,82,42,.5);box-shadow:0 0 0 3px rgba(148,82,42,.08)}.answer-box input:disabled{cursor:not-allowed;opacity:.7;background:rgba(242,233,219,.72)}.submit-row{display:flex;flex-wrap:wrap;gap:.55rem}.feedback-panel{border-radius:14px;background:rgba(255,251,244,.84)}.feedback-panel.is-success{border-color:rgba(45,108,75,.28);background:rgba(238,251,244,.92)}.feedback-panel.is-error{border-color:rgba(166,75,29,.28);background:rgba(255,243,237,.92)}.history-list{list-style:none;margin-top:.8rem;display:grid;gap:.62rem}.empty-history,.history-item{border-radius:14px;border:1px solid rgba(118,78,47,.18);background:rgba(255,251,244,.84);padding:.72rem .8rem}.history-item.is-success{border-left:4px solid var(--good)}.history-item.is-error{border-left:4px solid var(--accent)}.history-item.is-skip{border-left:4px solid var(--warn)}.history-meta{display:flex;flex-wrap:wrap;gap:.45rem;color:var(--ink-soft);font-size:.9rem}.history-line{margin-top:.34rem;font-size:1.08rem;color:var(--ink)}.history-note{margin-top:.24rem;color:var(--ink-soft)}@media (max-width:980px){.qsls-topbar{position:static;flex-direction:column;align-items:flex-start}.qsls-hero,.qsls-layout{grid-template-columns:1fr}}@media (max-width:640px){.qsls-shell{width:calc(100% - 1rem);margin:0 auto}.qsls-brand img{width:48px;height:48px}.cup-track{grid-template-columns:repeat(4,minmax(0,1fr))}.section-head{flex-direction:column}}