:root{color-scheme:dark;--ink:#e8f1f4;--muted:#a7bacd;--gold:#e9c38b;--blue:#9dd0f0;--panel:#13243ded;--line:#95b6cb36;font-family:'PingFang SC','Microsoft YaHei',system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:#0c1729;color:var(--ink)}button,input,select{font:inherit}button{color:inherit;cursor:pointer;border:1px solid var(--line);background:#213650;border-radius:8px;padding:11px 17px;transition:background .2s,transform .2s,border-color .2s}button:hover:not(:disabled){background:#355572;border-color:#a9cce0;transform:translateY(-2px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.48;cursor:default}button.primary{background:var(--gold);border-color:var(--gold);color:#26354a;font-weight:700}button.ghost{background:transparent}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#0c192de8;border-bottom:1px solid var(--line);position:relative;z-index:4;gap:16px}.brand{border:0;background:none;padding:0;display:flex;gap:10px;align-items:center;color:var(--gold);letter-spacing:2px}.brand span{font-family:serif;font-size:21px;color:#e7edf5}.brand small{font-size:11px;letter-spacing:3px;margin-left:10px;color:#92a9bc}nav{display:flex;gap:5px}nav button{background:none;border:0;color:#bdcedb;font-size:14px;padding:10px 14px}#main{min-height:calc(100svh - 76px)}.stage{position:relative;isolation:isolate;overflow:hidden;background:#1e3552;min-height:calc(100svh - 76px)}.backdrop{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-4;animation:arrival 1.1s ease}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a172be6 0%,#11243ba1 36%,#10243b10 72%),linear-gradient(0deg,#081729eb 0%,transparent 62%)}.start-layout{min-height:calc(100svh - 76px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:5vh 8vw 7vh;position:relative}.start-copy{max-width:580px;z-index:2}.eyebrow{font-size:13px;letter-spacing:4px;color:var(--gold);margin:0 0 20px}.start-copy h1{font-family:'Songti SC','STSong','SimSun',serif;font-size:clamp(42px,5.7vw,84px);font-weight:500;line-height:1.26;letter-spacing:5px;margin:15px 0 26px}.start-copy h1 em{font-style:normal;color:#a9d7f4}.description{color:#c1d0db;line-height:2;max-width:430px}.fine{font-size:13px;color:#94aec3;line-height:1.7}.origin-row{display:flex;gap:14px;margin-top:30px}.origin-card{background:#142841d9;border:1px solid #83a6bc6e;padding:18px;text-align:left;flex:1;min-width:0;display:grid;grid-template-columns:39px 1fr;column-gap:10px;align-items:center;border-radius:10px}.origin-card img{width:36px;height:36px}.origin-card strong{font-size:17px;display:block}.origin-card small{grid-column:1/-1;font-size:13px;color:#abc0d1;line-height:1.7;display:block;margin-top:9px}.start-character{width:100%;height:min(76vh,760px);object-fit:contain;filter:drop-shadow(0 18px 30px #0815299c);animation:breathe 5s ease-in-out infinite;transform-origin:bottom;position:relative;z-index:1}.character-caption{position:absolute;right:10vw;bottom:8vh;letter-spacing:3px;color:#f4e4ca;z-index:2;border-left:2px solid var(--gold);padding-left:15px;font-family:serif}.character-caption small{display:block;margin-top:8px;font:13px system-ui;letter-spacing:1px;color:#b6cbdc}.start-actions{display:flex;gap:10px;margin:22px 0 0;flex-wrap:wrap}.particles{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.particles i{position:absolute;top:-30px;width:3px;height:3px;border-radius:100%;background:#e6f4ff99;animation:fall linear infinite}.particles.rain i{height:37px;width:1px;background:#c3def855;transform:rotate(15deg)}.particles.petals i{width:7px;height:10px;background:#e1b5c788;border-radius:80% 20%}.top-hud{position:relative;z-index:2;padding:23px 4vw;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.chapter-info{padding:12px 18px;border-left:2px solid var(--gold);background:#112239b8}.chapter-info small{font-size:12px;color:var(--gold);letter-spacing:2px}.chapter-info h2{font-family:serif;letter-spacing:2px;font-weight:500;font-size:23px;margin:7px 0 0}.stats{display:flex;gap:12px;background:#10213adb;padding:12px 17px;border:1px solid var(--line);border-radius:9px;flex-wrap:wrap}.stat{display:flex;gap:7px;align-items:center;font-size:13px;color:#b4c9d9}.stat strong{color:#ecf1f6;font-weight:500}.stat img{width:19px;height:19px}.progress{height:2px;background:#b3ccdf20;width:100%;position:absolute;left:0;top:0;z-index:3}.progress span{height:100%;display:block;background:var(--gold);transition:width .4s}.cast{position:absolute;inset:100px 4% 0;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;z-index:-1;padding-bottom:180px}.actor{height:min(66vh,660px);width:40%;object-fit:contain;object-position:bottom;filter:drop-shadow(0 12px 15px #06122288);animation:breathe 4.2s ease-in-out infinite;transform-origin:bottom}.actor.npc{height:min(59vh,590px);animation-delay:-2s;opacity:.92;transform:scaleX(-1)}.actor.enter{animation:enter .55s ease,breathe 4.2s .55s ease-in-out infinite}.actor.kitten{height:min(29vh,260px);width:23%;position:absolute;right:13%;bottom:190px}.dialogue-area{position:absolute;bottom:25px;left:6vw;right:6vw;max-width:1180px;margin:auto;z-index:3}.dialogue-box{border:1px solid #8db4d377;border-radius:13px;background:linear-gradient(110deg,#142844f5,#102138f2);box-shadow:0 16px 60px #030b1b66;backdrop-filter:blur(10px);overflow:hidden}.dialogue-top{display:flex;justify-content:space-between;align-items:center;padding:15px 25px 0;gap:12px}.speaker{color:var(--gold);font-size:16px;letter-spacing:2px;font-weight:600}.line-count{font-size:12px;color:#92adc3;letter-spacing:1px}.text-body{min-height:108px;font-size:18px;line-height:1.95;padding:14px 25px 6px;color:#eef1f5;white-space:pre-line;cursor:pointer}.dialogue-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 14px;gap:12px}.dialogue-foot .hint{font-size:12px;color:#8facc1}.dialogue-foot button{padding:7px 14px;font-size:13px;background:none}.dialogue-foot .next{color:var(--gold);border-color:#ddc39566}.choices{display:grid;gap:9px;margin-top:12px}.choice{text-align:left;background:#18334beb;border-color:#95bed169;display:flex;gap:17px;align-items:center;padding:13px 19px;line-height:1.55}.choice b{color:var(--gold);font:15px serif;border:1px solid #c4af8677;border-radius:100%;min-width:27px;height:27px;display:grid;place-items:center}.choice span{flex:1}.choice small{color:#a3c5d7;font-size:12px}.hub-layout{position:relative;z-index:2;max-width:1150px;margin:0 auto;padding:2vh 30px 35px;display:grid;grid-template-columns:1.1fr 1fr;gap:35px;align-items:start}.hub-story{background:#11243ee8;border:1px solid var(--line);padding:28px;border-radius:14px}.hub-story h1{font:35px serif;letter-spacing:3px;margin:10px 0 22px}.hub-story p{line-height:1.9;color:#c9d8e4}.hub-story .primary{width:100%;margin-top:14px}.hub-story img{width:42px;height:42px}.hub-actions{display:grid;gap:12px}.panel-card{background:#142940ea;border:1px solid #9dbbd541;padding:20px;border-radius:12px}.panel-card h3{font-size:15px;letter-spacing:2px;color:#e8c998;margin:0 0 12px}.talk-button{width:100%;display:flex;justify-content:space-between;text-align:left;align-items:center;background:transparent;border:0;border-top:1px solid #aacbe321;border-radius:0;padding:13px 2px;font-size:15px;gap:10px}.talk-button span{color:#a2c5d9;font-size:12px}.daily-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.daily-row button{font-size:14px;text-align:left}.daily-row small{display:block;font-size:12px;color:#a9c0d2;margin-top:7px}.echo{border-left:2px solid #76a8ce;padding:7px 0 7px 16px!important;color:#adcbdd!important;font-size:14px;line-height:1.9}.hub-status{display:flex;gap:12px;flex-wrap:wrap;color:#b5cadc;font-size:13px;margin:18px 0}.intro{position:relative;margin:4vh auto;max-width:720px;text-align:center;background:#10243bea;padding:42px;border:1px solid var(--line);border-radius:15px;z-index:2}.intro h1{font:38px serif;letter-spacing:3px}.intro p{line-height:2;color:#c6d7e5}.intro .primary{margin-top:20px;min-width:220px}.end-layout{max-width:1050px;position:relative;margin:auto;padding:45px 30px;display:grid;grid-template-columns:1.25fr 1fr;gap:25px;align-items:center}.ending-copy{padding:30px;background:#11273fe8;border:1px solid var(--line);border-radius:12px}.ending-copy h1{font:42px serif;color:#f1d4a6;letter-spacing:3px}.ending-copy p{line-height:2;color:#c4d5e1}.ending-art{position:relative;height:540px}.ending-art>img:first-child{width:100%;height:100%;object-fit:contain;animation:breathe 5s infinite}.ending-art>img:last-child{position:absolute;right:0;bottom:30px;width:40%;animation:breathe 4s infinite}.end-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}dialog{color:var(--ink);background:#10223a;border:1px solid #769cb580;border-radius:16px;width:min(850px,calc(100vw - 30px));max-height:88svh;padding:0;box-shadow:0 25px 100px #020712cc}dialog::backdrop{background:#040c1bcc;backdrop-filter:blur(6px)}.modal-top{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:2;background:#10223af5;letter-spacing:2px}.modal-top button{padding:4px 10px;background:none;border:0}.modal-top span{color:var(--gold)}#modalBody{padding:25px;line-height:1.85}#modalBody h2{font-family:serif;font-weight:500;letter-spacing:2px;color:#e8d1a8}#modalBody p{color:#bbd0df}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.portrait-card{background:#1c334c;border:1px solid var(--line);border-radius:9px;overflow:hidden;text-align:center;padding:12px}.portrait-card img{height:190px;width:100%;object-fit:contain}.portrait-card p{font-size:13px;margin:5px 0;line-height:1.6}.portrait-card h3{margin:5px 0;color:#e9d2ac;font-size:16px}.character-showcase{display:flex;align-items:center;gap:20px}.character-showcase>img{width:42%;max-height:460px}.emotion-row{display:flex;gap:7px;flex-wrap:wrap}.emotion-row button{font-size:13px;padding:5px 9px}.journal-entry{border-left:2px solid #789bb6;padding:3px 0 8px 17px;margin:18px 0}.journal-entry h3{color:#e3c797;font-size:16px;margin:0 0 5px}.journal-entry p{font-size:14px;margin:0}.items{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.items span{display:flex;align-items:center;gap:5px;background:#213b53;border-radius:6px;padding:7px 10px;font-size:13px}.items img{width:25px;height:25px}.map-row{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);align-items:center}.map-row img{width:100px;height:65px;object-fit:cover;border-radius:6px}.map-row h3{margin:0;color:#cbdbe7;font-size:16px}.map-row p{margin:4px 0!important;font-size:13px}.map-row.locked{opacity:.45}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}select,input[type=text]{background:#203a54;color:#eef5f8;border:1px solid #7198b4;border-radius:6px;padding:9px;max-width:50%}.save-row{padding:17px 0;border-bottom:1px solid var(--line)}.save-row p{font-size:14px}.button-row{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}.save-row button{padding:7px 12px;font-size:14px}.mini-area{min-height:220px}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:480px;margin:20px auto}.memory-card{height:100px;display:grid;place-items:center;background:#294763;font-size:29px;color:var(--gold)}.memory-card img{width:52px;height:52px}.memory-card.done{background:#32574f;border-color:#91c4a5}.sew-board{position:relative;height:310px;max-width:500px;margin:20px auto;border:2px dashed #dab99288;border-radius:20px;background:repeating-linear-gradient(0deg,#39536b 0px,#39536b 3px,#375168 4px,#375168 6px);overflow:hidden}.sew-board button{position:absolute;width:47px;height:47px;padding:0;border-radius:50%;background:#152940;border:2px solid #c8d8e8;z-index:2;display:grid;place-items:center}.sew-board button.done{background:#e8c896;color:#18344b}.sew-board svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.budget-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.budget-item{display:flex;align-items:center;gap:10px;text-align:left}.budget-item img{width:37px}.budget-item.selected{background:#375d66;border-color:#abccce}.budget-item span{flex:1}.budget-item small{display:block;font-size:12px;color:#b2ccdb}.game-success{border-left:3px solid #e7c18e;padding:15px 20px;background:#2a4356;border-radius:7px}.gallery-scenes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.gallery-scenes img{width:100%;border-radius:9px}.gallery-scenes p{margin:4px 0;text-align:center;font-size:13px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);opacity:0;z-index:20;max-width:90vw;background:#e9d2ac;color:#182b42;padding:12px 22px;border-radius:8px;pointer-events:none;transition:.25s;font-size:14px}#toast.show{opacity:1;transform:translate(-50%,0)}.reduce *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes breathe{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-8px) rotate(.35deg)}}@keyframes fall{from{translate:0 -20px;opacity:0}15%{opacity:.7}to{translate:-70px 100vh;opacity:0}}@keyframes arrival{from{opacity:.35;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes enter{from{opacity:0;translate:35px 0}to{opacity:1;translate:0 0}}
@media(min-width:1500px){.dialogue-area{bottom:5vh}.text-body{font-size:20px;min-height:120px}}@media(max-height:740px) and (min-width:761px){.cast{padding-bottom:150px}.actor{height:65vh}.top-hud{padding-top:14px;padding-bottom:12px}.text-body{font-size:16px;min-height:84px;padding-top:8px}.dialogue-top{padding-top:10px}.dialogue-foot{padding-bottom:9px}.choice{padding:9px 17px}.hub-layout{padding-top:0}.hub-story{padding:21px}.hub-story h1{font-size:29px}.panel-card{padding:15px}.talk-button{padding:10px 2px}}
@media(max-width:760px){header{height:auto;min-height:68px;padding:10px 14px;flex-wrap:wrap;gap:8px}.brand span{font-size:18px}.brand small{display:none}nav{gap:0;margin-left:auto}nav button{font-size:13px;padding:8px}.stage,#main{min-height:calc(100svh - 68px)}.start-layout{display:block;min-height:calc(100svh - 68px);padding:34px 22px 36px}.start-copy{max-width:100%;padding-top:5px}.start-copy h1{font-size:45px;max-width:70%;letter-spacing:3px}.start-copy .description{max-width:62%;font-size:14px;line-height:1.9;min-height:105px}.start-character{position:absolute;right:-53px;top:42px;height:400px;width:65%;z-index:-1;opacity:.95}.start-layout .shade{background:linear-gradient(90deg,#0b192d 0%,#10243999 45%,transparent)}.character-caption{display:none}.eyebrow{font-size:11px;letter-spacing:2px;margin-bottom:15px}.origin-row{margin-top:35px;gap:10px}.origin-card{padding:14px 12px;grid-template-columns:27px 1fr;column-gap:7px}.origin-card img{width:27px}.origin-card strong{font-size:16px}.origin-card small{font-size:12px}.fine{font-size:12px}.start-actions{margin-top:15px}.start-actions button{font-size:14px}.top-hud{padding:16px 14px;display:block}.chapter-info{padding:8px 12px;display:inline-block}.chapter-info h2{font-size:19px;margin-top:4px}.chapter-info small{font-size:11px}.stats{float:right;gap:6px;padding:9px;max-width:44%;justify-content:flex-end}.stat{font-size:11px;gap:3px}.stat img{width:15px;height:15px}.stat.extra{display:none}.cast{inset:95px -12% 0;padding-bottom:260px;justify-content:center;gap:0}.actor{height:43vh;width:55%}.actor.npc{height:39vh;width:46%;margin-left:-6%}.actor.kitten{height:18vh;bottom:260px;right:22%;width:27%}.dialogue-area{bottom:14px;left:12px;right:12px}.dialogue-top{padding:12px 16px 0}.text-body{font-size:16px;line-height:1.8;min-height:132px;padding:10px 16px 4px;max-height:29vh;overflow:auto}.speaker{font-size:14px}.dialogue-foot{padding:7px 12px 11px}.dialogue-foot .hint{font-size:11px}.dialogue-foot button{font-size:12px;padding:7px 9px}.choices{gap:7px;margin-top:9px}.choice{font-size:14px;gap:10px;padding:10px 12px}.choice small{display:none}.choice b{min-width:23px;height:23px;font-size:12px}.stage.choosing .cast{padding-bottom:395px}.stage.choosing .actor{height:30vh}.stage.choosing .text-body{min-height:60px;max-height:16vh}.hub-layout{display:block;padding:0 14px 30px}.hub-story{padding:22px;margin-top:8px}.hub-story h1{font-size:29px}.hub-actions{margin-top:14px}.hub-story p{font-size:15px}.intro{margin:3vh 15px;padding:27px 23px}.intro h1{font-size:30px}.intro p{font-size:15px;text-align:left}.end-layout{display:block;padding:22px 15px}.ending-copy{padding:22px}.ending-copy h1{font-size:33px}.ending-art{height:350px}.card-grid{grid-template-columns:repeat(2,1fr)}.portrait-card img{height:160px}.character-showcase{display:block}.character-showcase>img{height:280px;width:100%}.modal-top{padding:13px 18px}#modalBody{padding:18px}.memory-card{height:75px}.memory-card img{width:42px}.budget-grid{grid-template-columns:1fr}.settings-row{gap:12px;font-size:14px}.map-row img{width:75px;height:55px}.map-row h3{font-size:14px}.gallery-scenes{grid-template-columns:1fr}.end-actions button{font-size:14px}.sew-board{height:290px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:380px){nav button{padding:7px 5px}.brand{gap:5px}.brand span{font-size:16px}.start-copy h1{font-size:37px}.start-copy .description{font-size:13px}.origin-card{display:block}.origin-card img{display:none}}