:root{--ink:#eef4f7;--muted:#9caebe;--night:#0b1220;--glass:rgba(18,30,48,.82);--line:rgba(180,204,217,.16);--teal:#79d8cb;--gold:#e1bd6b;font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--night);font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 5%,rgba(42,109,123,.2),transparent 34rem),linear-gradient(145deg,#09111d 0%,#111c2c 55%,#0a1422 100%)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.sky-glow{position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(circle at 8% 20%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 84% 14%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 65% 28%,#79d8cb 0 1px,transparent 1.5px);background-size:230px 190px,320px 250px,410px 280px}.app-shell{position:relative;z-index:1;width:min(1280px,100%);margin:auto;padding:0 28px 48px}.topbar{height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:10px;color:var(--ink);background:none;border:0;padding:8px 0;justify-self:start}.brand strong{font:700 1.35rem Georgia,serif;letter-spacing:.08em}.brand span:last-child{color:var(--muted);font-size:.82rem}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);box-shadow:0 0 18px var(--teal)}nav{display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:999px;background:rgba(8,15,26,.45)}nav button{border:0;border-radius:999px;background:transparent;color:var(--muted);padding:9px 17px;min-height:42px}nav button.active{background:rgba(121,216,203,.13);color:var(--teal)}.clock{justify-self:end;color:var(--muted);font-size:.83rem}.page{display:none;padding-top:34px}.page.active{display:block;animation:rise .35s ease both}@keyframes rise{from{opacity:0;transform:translateY(7px)}}.home-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);min-height:calc(100vh - 166px);border:1px solid var(--line);border-radius:30px;overflow:hidden;background:rgba(7,14,24,.4);box-shadow:0 35px 80px rgba(0,0,0,.28)}.echo-stage{position:relative;min-height:650px;overflow:hidden;background:#bdb8ad}.echo-stage img{width:100%;height:100%;object-fit:cover;object-position:76% center;filter:saturate(.76) contrast(1.05)}.stage-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,17,29,.02) 45%,rgba(6,12,21,.82))}.window-light{position:absolute;z-index:1;top:0;right:0;width:45%;height:100%;background:linear-gradient(110deg,transparent 20%,rgba(231,207,148,.14));pointer-events:none}.echo-nameplate{position:absolute;z-index:2;left:30px;right:30px;bottom:24px;display:flex;justify-content:space-between;align-items:end;color:rgba(255,255,255,.78);text-transform:uppercase;font-size:.76rem;letter-spacing:.15em}.echo-nameplate strong{color:white;font:500 clamp(2.4rem,6vw,4.8rem) Georgia,serif;letter-spacing:.08em}.now-panel{padding:clamp(34px,5vw,72px);display:flex;flex-direction:column;justify-content:center}.eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;display:flex;justify-content:space-between;align-items:center;gap:16px}.soft-badge{color:var(--gold);text-transform:none;letter-spacing:0;border:1px solid rgba(225,189,107,.28);border-radius:999px;padding:6px 10px}.mood{margin:34px 0 12px;font:500 clamp(2.6rem,5vw,4.7rem) Georgia,"Microsoft YaHei UI",serif;letter-spacing:-.04em}.scene{margin:0;color:#ccd6dc;font-size:1.08rem;line-height:1.9;min-height:76px}.interaction-box{margin-top:36px;border-top:1px solid var(--line);padding-top:24px}.signer-row label,.settings-card label{display:grid;gap:8px;color:var(--muted);font-size:.84rem}input,select{width:100%;color:var(--ink);background:rgba(5,12,21,.7);border:1px solid var(--line);border-radius:11px;padding:12px 13px;outline:none;min-height:46px}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(121,216,203,.1)}.signer-row input{margin-top:7px;max-width:220px}.action-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.action-row button{color:var(--ink);background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:14px;padding:14px;text-align:left;transition:.2s ease}.action-row button:hover,.action-row button.selected{border-color:rgba(121,216,203,.6);background:rgba(121,216,203,.08);transform:translateY(-1px)}.action-row span{display:block;font-weight:650;margin-bottom:5px}.action-row small{color:var(--muted);line-height:1.45}.detail-wrap{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.detail-wrap button,.settings-card button,.login-card button{border:0;border-radius:11px;padding:0 18px;min-height:46px;background:var(--teal);color:#07151a;font-weight:700}.reaction{color:var(--gold);line-height:1.7;min-height:28px;margin:18px 0 0}.tiny-stats{display:flex;gap:22px;margin-top:20px;color:var(--muted);font-size:.8rem}.tiny-stats strong{color:var(--ink);font-size:1rem;margin-right:4px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:18px auto 34px;max-width:980px}.section-head h2{margin:8px 0 0;font:500 clamp(2rem,4vw,3.4rem) Georgia,"Microsoft YaHei UI",serif}.section-head p{max-width:390px;color:var(--muted);line-height:1.7;margin:0}.timeline,.trait-grid,.settings-card,.empty-book{max-width:980px;margin:auto}.timeline{display:grid}.timeline-item{display:grid;grid-template-columns:160px 1fr;gap:34px;padding:25px 0;border-top:1px solid var(--line)}.timeline-item time{color:var(--muted);font-size:.8rem}.timeline-item strong{color:var(--teal)}.timeline-item p{margin:8px 0 0;line-height:1.7;color:#d6dfe4}.empty-book{text-align:center;border:1px dashed rgba(121,216,203,.3);border-radius:24px;padding:70px 25px;background:rgba(18,30,48,.45)}.empty-book .line-art{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 22px;border:1px solid var(--line);border-radius:50%;color:var(--gold);font:italic 2rem Georgia,serif}.empty-book h3{font:500 1.65rem Georgia,"Microsoft YaHei UI",serif;margin:0 0 13px}.empty-book p{color:var(--muted);line-height:1.8;max-width:560px;margin:auto}.trait-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.trait-card{border:1px solid var(--line);border-radius:18px;padding:23px;background:var(--glass)}.trait-card header{display:flex;justify-content:space-between;gap:16px}.trait-card h3{margin:0;font-size:1.18rem}.trait-card p{color:var(--muted);line-height:1.7}.trait-status{color:var(--gold);font-size:.78rem}.evidence{padding-left:20px;color:#c6d0d6;font-size:.88rem;line-height:1.7}.trait-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.trait-actions button{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:7px 11px}.settings-card{padding:28px;border:1px solid var(--line);border-radius:22px;background:var(--glass)}fieldset{border:0;padding:0;margin:0;display:grid;gap:18px}legend{font-size:1.15rem;margin-bottom:20px}.model-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.settings-card .secondary{background:transparent;color:var(--teal);border:1px solid rgba(121,216,203,.35)}details{margin-top:26px;border-top:1px solid var(--line);padding-top:20px}details summary{cursor:pointer;color:var(--muted);margin-bottom:20px}.settings-actions{display:flex;align-items:center;gap:15px;margin-top:25px}.settings-card button[type=submit]{padding:0 25px}.form-note{color:var(--muted);font-size:.82rem}.locked{position:fixed;z-index:9;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 20%,#19334a,#08111e 65%)}.login-card{width:min(410px,100%);display:grid;gap:19px;padding:34px;border:1px solid var(--line);border-radius:26px;background:rgba(11,20,34,.9);box-shadow:0 40px 100px rgba(0,0,0,.4)}.paw-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:18px 18px 22px 22px;background:var(--teal);color:#0b1b21;font:700 1.4rem Georgia,serif;transform:rotate(-6deg)}.login-card h1{margin:0;font:500 2rem Georgia,"Microsoft YaHei UI",serif}.login-card p{margin:-8px 0 0;color:var(--muted)}.login-card label{display:grid;gap:8px;color:var(--muted);font-size:.84rem}.login-card button{min-height:48px}.toast{position:fixed;z-index:20;left:50%;bottom:28px;transform:translate(-50%,15px);opacity:0;background:#e4f4f1;color:#10202a;padding:12px 18px;border-radius:999px;transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:850px){.app-shell{padding:0 14px 30px}.topbar{grid-template-columns:1fr auto;height:auto;min-height:76px}nav{position:fixed;z-index:8;left:14px;right:14px;bottom:12px;justify-content:space-around;box-shadow:0 12px 40px rgba(0,0,0,.5);backdrop-filter:blur(16px)}nav button{flex:1;padding:9px 10px}.clock{display:none}.home-grid{grid-template-columns:1fr;min-height:0}.echo-stage{min-height:52vh}.now-panel{padding:30px 22px 90px}.section-head{align-items:start;flex-direction:column;padding:0 8px}.timeline-item{grid-template-columns:1fr;gap:8px}.trait-grid{grid-template-columns:1fr;padding-bottom:80px}.settings-card{margin-bottom:80px;padding:20px}}@media(max-width:500px){.brand span:last-child{display:none}.action-row{grid-template-columns:1fr 1fr}.detail-wrap,.model-row{grid-template-columns:1fr}.echo-stage{min-height:430px}}