:root{color-scheme:dark;--bg:#101011;--surface:#1a1a1c;--surface-2:#222224;--text:#f4f0e9;--muted:#b0aaa0;--gold:#dec28e;--gold-dark:#30291e;--line:#ffffff12;--danger:#f7a6a0;--nav:76px;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:#0b0b0c;color:var(--text);font-size:16px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}h1,h2,h3,p{margin:0}h2{font-size:28px;line-height:1.35;font-weight:600;letter-spacing:.02em}h3{font-size:20px;font-weight:600}.app-shell{background:var(--bg);min-height:100dvh;width:100%;max-width:520px;margin:auto;position:relative}.prototype-banner{font-size:12px;letter-spacing:.04em;color:#c5b899;background:#262218;padding:7px 20px;display:flex;justify-content:space-between;min-height:33px}.prototype-banner span{color:#a89e88}#app{min-height:calc(100dvh - 33px)}.page{padding:24px 20px calc(var(--nav) + 25px + env(safe-area-inset-bottom));animation:appear .2s ease}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:12px}.wordmark{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:600;letter-spacing:.12em}.wordmark small{font-size:12px;letter-spacing:.14em;color:var(--muted);font-weight:400}.brand-mark{font-size:32px;color:var(--gold);line-height:1}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-button{width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:#ffffff04}.gold{color:var(--gold)}.muted{color:var(--muted)}.eyebrow{font-size:12px;color:var(--gold);letter-spacing:.2em}.intro p{margin-top:9px;color:var(--muted);font-size:14px}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:28px 0 20px}.filters{display:flex;gap:6px}.filter{font-size:14px;min-width:60px;padding:9px 15px;border-radius:24px;color:var(--muted)}.filter.active{background:var(--gold);color:#201b13;font-weight:600}.meta{font-size:12px;color:var(--muted)}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.character-card{min-width:0}.cover{position:relative;overflow:hidden;aspect-ratio:3/4;background:radial-gradient(ellipse at 85% 12%,var(--tint),transparent 85%),linear-gradient(155deg,#242126,#121316);border-radius:12px;border:1px solid #ffffff12;display:flex;flex-direction:column;justify-content:space-between;padding:14px;isolation:isolate}.cover::after{content:"";position:absolute;inset:27% -38% -20% 15%;border:1px solid #ffffff19;border-radius:50%;transform:rotate(-30deg);z-index:-1}.cover-letter{font-family:"Songti SC",SimSun,Georgia,serif;font-size:76px;font-weight:400;line-height:1;color:#f6edd980;align-self:center;letter-spacing:-.05em;text-shadow:0 4px 35px #0004}.cover-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.cover-index{font-family:Georgia,serif;color:#f4e9d48c;font-size:16px}.placeholder-label{font-size:12px;color:#f5eee5b8}.cover-bottom{font-size:12px;letter-spacing:.15em;color:#ffffff72}.character-card h3{margin-top:12px;font-size:19px;display:flex;align-items:center;justify-content:space-between}.character-card h3 .icon{width:17px;height:17px;color:var(--gold)}.character-card .tag{font-size:12px;color:var(--gold);background:#d5b87c10;padding:3px 7px;border-radius:4px;display:inline-block;margin:6px 0}.character-card p{font-size:14px;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.character-card a:hover .cover{border-color:#dec28e77}.footnote{text-align:center;font-size:12px;color:var(--muted);margin:30px 0 0}.bottom-nav{position:fixed;z-index:10;bottom:0;width:100%;max-width:520px;display:grid;grid-template-columns:repeat(3,1fr);background:#151516f5;border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(18px)}.bottom-nav a{display:flex;align-items:center;flex-direction:column;gap:3px;min-height:49px;font-size:12px;color:#9a9690}.bottom-nav a.active{color:var(--gold)}.bottom-nav .icon{width:24px;height:24px}.desktop-brand{display:none}#toast{position:fixed;bottom:110px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.2s;background:#e7d5b4;color:#241f18;padding:12px 20px;border-radius:12px;box-shadow:0 8px 40px #0008;z-index:40;font-size:14px;max-width:90vw;width:max-content}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes appear{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(min-width:960px){body{display:flex;justify-content:center;align-items:flex-start;gap:90px;padding:0 55px;background:radial-gradient(ellipse at 10% 45%,#27211a55,transparent 50%),#0b0b0c}.desktop-brand{display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:0;height:100dvh;max-height:1080px;width:400px;padding:55px 0}.desktop-brand h1{font-family:"Songti SC",SimSun,serif;font-weight:400;font-size:44px;line-height:1.65;margin:20px 0}.desktop-brand p{color:var(--muted);font-size:16px;line-height:2}.desktop-footer{display:flex;flex-direction:column;gap:10px;color:#81796c;font-size:12px;letter-spacing:.13em}.app-shell{margin:0;border-left:1px solid var(--line);border-right:1px solid var(--line)}.bottom-nav{width:518px}.page{padding-left:26px;padding-right:26px}#toast{left:calc(50% + 230px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;width:100%;padding:13px 18px;border-radius:10px;font-size:16px;font-weight:600;line-height:1.5}.primary{background:var(--gold);color:#241e15}.primary:hover{background:#ead3a7}.primary .icon:last-child{margin-left:auto}.primary .icon:first-child{margin-left:0}.secondary{border:1px solid #dec28e4a;color:var(--gold);background:#dec28e05}.text-button{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:14px;min-height:44px}.centered{display:flex;width:100%;justify-content:center;margin-top:14px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px}.page-header h2{font-size:19px;text-align:center}.header-spacer{width:44px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading .eyebrow{display:block;margin-bottom:9px}.section-subtitle{color:var(--muted);font-size:14px;margin-top:10px}.bare-icon{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.continue-label{display:block;color:var(--gold);font-size:12px;margin-top:8px}.detail-page{padding-bottom:140px}.detail-cover{position:relative}.detail-cover .cover{aspect-ratio:5/4;border-radius:0;border:0;padding:30px}.detail-cover .cover-letter{font-size:140px}.detail-cover .cover-top{padding-left:55px}.floating-back{position:absolute;top:20px;left:20px;background:#181718aa}.detail-body{padding:26px 24px}.detail-name{display:flex;align-items:center;justify-content:space-between;gap:15px}.detail-name h2{font-size:34px;margin-top:5px}.official-badge{color:var(--gold);font-size:12px;padding:5px 10px;border:1px solid #dec28e45;border-radius:5px}.tags{display:flex;gap:8px;margin:20px 0}.tags span{font-size:13px;color:var(--gold);background:var(--gold-dark);padding:4px 10px;border-radius:4px}.description{color:#d4d0c9;font-size:16px;line-height:1.95}.greeting{border-left:2px solid #b39765;background:linear-gradient(90deg,#dec28e0b,transparent);margin-top:28px;padding:16px 18px}.greeting p{margin-top:10px;line-height:1.8;color:#e6dac7}.greeting .eyebrow{font-size:12px;letter-spacing:.1em}.sticky-action{position:fixed;bottom:0;width:100%;max-width:520px;padding:18px 24px calc(18px + env(safe-area-inset-bottom));background:#151516f5;border-top:1px solid var(--line);z-index:10;backdrop-filter:blur(15px)}.sticky-action .meta{text-align:center;margin-top:8px}.avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:58px;height:66px;border-radius:12px;border:1px solid #ffffff18;background:linear-gradient(145deg,var(--tint),#1b1b20);font-size:28px;color:#eddfc9;font-family:SimSun,Georgia,serif}.avatar.small{width:40px;height:45px;font-size:22px;border-radius:9px}.avatar.tiny{width:32px;height:37px;font-size:19px;border-radius:8px}.conversation-list{margin-top:22px}.conversation-row{display:flex;gap:14px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}.conversation-copy{min-width:0;flex:1}.conversation-copy>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.conversation-copy h3{font-size:18px}.conversation-copy time{font-size:12px;color:#969086}.conversation-copy p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--muted);margin-top:7px}.conversation-row>.icon{width:16px;color:#776f64}.empty{text-align:center;padding:65px 10px}.empty-symbol{display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border:1px solid #dec28e36;border-radius:24px;color:var(--gold);margin-bottom:22px;background:#dec28e09}.empty-symbol .icon{width:32px;height:32px}.empty p{color:var(--muted);font-size:14px;margin:12px 0 26px}.empty>.text-button{margin-top:12px}.profile-card{display:flex;align-items:center;gap:16px;margin:32px 0}.profile-card>div{min-width:0;flex:1}.profile-card p{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.profile-avatar{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:50%;background:linear-gradient(145deg,#655237,#29251f);border:1px solid #d9bd8745;color:#eddfc9;font-family:SimSun,serif;font-size:30px}.balance-preview{display:block;border:1px solid #dec28e30;border-radius:14px;padding:22px;background:radial-gradient(ellipse at right top,#71604455,transparent),#25211c}.balance-preview>span{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--gold)}.balance-preview>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.balance-preview strong{font-size:42px;line-height:1.2;font-weight:500;color:#f1d8a8}.balance-preview div>span{display:flex;align-items:center;font-size:12px;color:#cfbea0;gap:5px}.balance-preview div .icon{width:16px}.menu-group{margin:26px 0;border-top:1px solid var(--line)}.menu-row{display:flex;text-align:left;align-items:center;gap:14px;min-height:70px;border-bottom:1px solid var(--line);width:100%;padding:15px 0}.row-icon{display:inline-flex;color:#c3b69e}.row-label{flex:1;font-size:16px}.row-label small{display:block;font-size:12px;color:var(--muted);margin-top:3px}.menu-row>.icon{width:17px;color:#847b6f}.logout-button{display:flex;justify-content:center;align-items:center;gap:10px;min-height:50px;width:100%;color:var(--muted);font-size:14px}.guest-profile{text-align:center;padding:30px 0 10px}.guest-profile h3{margin-top:18px}.guest-profile p{margin:8px 0 22px;color:var(--muted);font-size:14px}.value-hero{border:1px solid #dec28e40;border-radius:16px;background:radial-gradient(ellipse at right top,#75614055,transparent 80%),#25221d;padding:26px}.value-hero>span:first-child{display:flex;gap:8px;align-items:center;color:#d8c4a0;font-size:14px}.value-hero>strong{display:block;font-weight:400;font-size:64px;line-height:1.5;letter-spacing:-.03em;color:#efdaa9}.value-hero small{font-size:14px;letter-spacing:0;color:#c4b79d;margin-left:12px}.value-hero p{font-size:14px;color:#c3b7a1}.mock-pill{display:inline-block;font-size:12px;border-radius:5px;padding:3px 8px;background:#ffffff09;color:#bfb6a4}.value-hero .mock-pill{margin-top:18px}.invite-panel{margin-top:30px}.invite-panel h3{margin:8px 0 12px}.invite-panel>p{font-size:14px;color:#bfb8ad;line-height:1.9}.input-label{display:block;font-size:13px;color:var(--muted);margin:22px 0 7px}.copy-field{display:flex;gap:8px;align-items:center}.copy-field input{min-width:0;flex:1;font-size:13px}.copy-field .icon-button{border-radius:10px;width:48px;height:48px;background:#dec28e14;color:var(--gold)}.invite-panel .meta{font-size:12px;margin-top:8px}.reward-note{display:flex;gap:12px;margin:26px 0;padding:18px;background:#ffffff04;border-radius:10px;border:1px solid var(--line)}.reward-note>.icon{color:var(--gold);margin-top:3px}.reward-note b{font-size:14px;font-weight:500}.reward-note p{font-size:13px;color:var(--muted);margin-top:5px}.ledger h3,.invite-status h3{font-size:18px;margin:25px 0 10px}.ledger-row{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.ledger-icon{display:flex;background:#dec28e0b;border-radius:10px;color:var(--gold);padding:10px}.ledger-row>div{flex:1}.ledger-row b{font-size:14px;font-weight:400}.ledger-row time{display:block;font-size:12px;color:var(--muted);margin-top:4px}.ledger-row strong{color:var(--gold);font-size:19px;font-weight:500}.invite-stats{display:flex;gap:24px;padding:16px 0;font-size:13px;color:var(--muted)}.invite-stats strong{font-size:24px;font-weight:500;color:var(--gold);padding-right:5px}.invite-row{display:flex;justify-content:space-between;gap:10px;padding:14px 0;font-size:14px;border-bottom:1px solid var(--line)}.invite-status>p{font-size:14px;margin-top:15px}.auth-page{padding-bottom:45px}.auth-page>.page-header{margin-bottom:15px}.auth-brand{display:flex;align-items:center;gap:12px;margin:12px 0 24px}.auth-brand .brand-mark{font-size:44px}.auth-subtitle{color:var(--muted);font-size:14px;margin:12px 0 22px}.demo-notice,.invited-notice,.storage-warning{font-size:13px;color:#d0bd99;background:#30291d70;padding:12px 14px;border:1px solid #dec28e22;border-radius:8px;line-height:1.7}.invited-notice{margin-top:12px;color:#bdd0bf;background:#28382b55}.auth-form{margin-top:24px;display:flex;flex-direction:column;gap:20px}.auth-form>label{font-size:14px;color:#d6cfc2;display:flex;flex-direction:column;gap:8px}input,textarea{color:var(--text);background:#1c1c1e;border:1px solid #ffffff18;border-radius:9px;padding:13px 14px;min-height:49px;width:100%;font-size:16px;line-height:1.5}input::placeholder,textarea::placeholder{color:#8e8880}input:disabled{color:#aaa49c}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px!important;font-size:13px!important;color:var(--muted)!important;line-height:1.8;margin:5px 0}.checkbox-label input{appearance:auto;width:18px;height:18px;min-height:18px;margin-top:3px;flex-shrink:0;accent-color:var(--gold)}.checkbox-label a{color:var(--gold);padding:4px}.form-error{color:var(--danger);font-size:14px}.form-error:empty{display:none}.auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:16px;font-size:14px;color:var(--gold)}.auth-links a{min-height:44px;display:flex;align-items:center}.divider{height:28px;border-bottom:1px solid var(--line);position:relative;margin:8px 0 35px;text-align:center}.divider span{position:relative;top:15px;padding:0 12px;font-size:12px;background:var(--bg);color:#948b7e}.avatar-picker{border:0;padding:0;margin:0;display:flex;gap:16px}.avatar-picker legend{font-size:14px;margin-bottom:14px;color:var(--muted)}.avatar-picker label{cursor:pointer;position:relative}.avatar-picker input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.avatar-picker span{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;background:#24221e;width:56px;height:56px;color:#c2b79f;font-family:SimSun,serif;font-size:26px}.avatar-picker input:checked+span{border:2px solid var(--gold);background:#4a3c28;color:var(--gold)}.avatar-picker input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}.info-block h3{margin:18px 0}.info-block p{margin:16px 0;color:var(--muted);font-size:15px;line-height:1.9}.large-icon{color:var(--gold)}.large-icon .icon{width:38px;height:38px}.danger{color:var(--danger)}.download-hero{text-align:center;margin:34px 0}.app-icon{display:flex;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 24px;border:1px solid #d8ba783c;border-radius:24px;background:linear-gradient(145deg,#383027,#151515);color:var(--gold);font-size:62px}.download-hero .eyebrow{display:block;margin:14px 0}.download-hero h2{font-size:27px}.download-hero p{color:var(--muted);font-size:14px;margin-top:12px}.download-card{margin-top:24px;border:1px solid var(--line);border-radius:14px;padding:22px;background:#ffffff03}.download-card-heading{display:flex;align-items:center;gap:10px}.download-card-heading>.icon{color:var(--gold)}.download-card-heading h3{flex:1}.download-card>p{color:var(--muted);font-size:14px;line-height:1.85;margin:16px 0}.download-card .meta{font-size:12px;margin-bottom:0}.version-info{font-size:13px;margin:22px 0}.version-info>div{display:flex;justify-content:space-between;margin-top:10px}.version-info dt{color:var(--muted)}.version-info dd{margin:0}.steps{padding-left:22px;font-size:14px;color:var(--gold)}.steps li{padding-left:6px;margin:20px 0}.steps b{font-weight:500;color:#e3ddcf}.steps span{display:block;color:var(--muted);font-size:13px;margin-top:5px}dialog{background:#1b1b1d;color:var(--text);border:1px solid #dec28e35;border-radius:18px;padding:22px;width:calc(100% - 32px);max-width:440px;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.dialog-header h3{font-size:20px}.dialog-header .icon-button{width:36px;min-height:36px;flex-shrink:0}dialog .muted{font-size:14px;line-height:1.9}.dialog-buttons{display:flex;gap:12px;margin-top:24px}.danger-fill{background:#c98d82;color:#241613}.scenario-actions{display:grid;gap:12px;margin:20px 0}#demo-form>.primary{margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.chat-page{height:calc(var(--viewport-height,100dvh) - 33px);display:flex;flex-direction:column;min-height:230px}.chat-header{display:flex;align-items:center;gap:8px;padding:14px 16px 12px;border-bottom:1px solid var(--line);flex-shrink:0;background:#171718}.chat-person{display:flex;align-items:center;gap:12px;flex:1}.chat-person h3{font-size:18px;line-height:1.4}.chat-person span:not(.avatar){font-size:12px;color:var(--muted)}.chat-notice{text-align:center;font-size:12px;color:#b5a78f;padding:9px 12px;background:#211e19;flex-shrink:0}.offline-bar{text-align:center;color:#f3c98e;background:#63432555;font-size:13px;padding:8px 12px}.chat-history{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:18px 16px 25px;scrollbar-width:thin;scrollbar-color:#4b4439 transparent}.history-more{display:block;margin:0 auto 14px;font-size:13px;color:var(--gold);min-height:40px}.history-start,.history-date{text-align:center;color:#938b7f;font-size:12px;margin-bottom:18px}.message{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px;animation:appear .18s ease}.message.user{justify-content:flex-end}.message-content{max-width:80%;min-width:0}.bubble{padding:12px 15px;background:#252527;color:#ede9e1;border:1px solid #ffffff06;border-radius:3px 14px 14px 14px;font-size:16px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.user .bubble{background:#cdb07b;color:#201b14;border-radius:14px 3px 14px 14px;border:0}.message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:4px;font-size:12px;color:#928a7d}.user .message-meta{justify-content:flex-end}.retry{font-size:12px;color:var(--danger);min-height:34px;padding:2px 0}.typing{display:flex;gap:5px;padding:19px;background:#252527;border-radius:3px 14px 14px}.typing i{width:5px;height:5px;border-radius:50%;background:#cbb58f;animation:pulse 1.1s infinite}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}@keyframes pulse{50%{opacity:.3;transform:translateY(-3px)}}.composer{display:flex;align-items:flex-end;gap:10px;padding:12px 16px 4px;background:#171718;border-top:1px solid var(--line);flex-shrink:0}.composer textarea{resize:none;flex:1;min-width:0;max-height:120px;min-height:48px;border-radius:12px;font-size:16px}.send-button{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--gold);color:#201b13;flex-shrink:0}.chat-footer{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#9f9584;padding:5px 16px calc(9px + env(safe-area-inset-bottom));background:#171718;flex-shrink:0}.is-chat{overflow:hidden}.storage-warning{border-radius:0}.is-chat .storage-warning{position:absolute;top:33px;z-index:15;width:100%}[hidden]{display:none!important}
@media(min-width:960px){.sticky-action{width:518px}.chat-header{padding-left:20px;padding-right:20px}.chat-history{padding-left:22px;padding-right:22px}}
@media(max-width:359px){.page{padding-left:15px;padding-right:15px}.character-grid{gap:20px 10px}.cover{padding:10px}.cover-letter{font-size:64px}.filter{padding:9px 12px;min-width:54px}.wordmark small{display:none}.chat-notice{font-size:12px;padding:7px}.chat-header{padding:9px}.profile-card{gap:10px}.profile-avatar{width:52px;height:52px}.profile-card .meta{font-size:12px}.tags{flex-wrap:wrap}}