:root{--ink: #342a22;--muted: #756a5d;--line: #e6d2aa;--paper: #fffaf0;--paper-deep: #fff1d4;--paper-shadow: 0 20px 38px rgba(92, 66, 32, .14);--field: #d99c2f;--gold: #d99a30;--gold-soft: #fff0c3;--rose: #c96f7f;--rose-soft: #ffe5e2;--blue: #346d92;--blue-soft: #deedf3;--green: #6e8d63;--green-soft: #e7efd9;--tape: rgba(255, 238, 177, .72)}*{box-sizing:border-box}html{color:var(--ink);background:#f7ead3;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif;font-size:16px;letter-spacing:0}body{min-width:320px;margin:0;background:repeating-linear-gradient(0deg,rgba(112,82,44,.035) 0 1px,transparent 1px 28px),linear-gradient(135deg,#fff9ebf7,#f5e2befa)}img{display:block;max-width:100%}a{color:inherit}button,input{font:inherit}code{font-family:Cascadia Mono,Consolas,monospace}.site-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem;padding:.75rem max(1.25rem,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(210,176,112,.55);background:linear-gradient(90deg,#fffaf0f2,#fff4d6eb),var(--paper);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:.75rem;min-width:0;text-decoration:none}.brand-mark,.symbol{display:grid;place-items:center;flex:0 0 auto;width:2.75rem;height:2.75rem;border-radius:8px;color:#fff;background:linear-gradient(135deg,var(--gold),var(--rose));font-weight:900;box-shadow:0 10px 18px #7650222e}.brand-mark{overflow:hidden;padding:.12rem;border:1px solid rgba(214,180,116,.9);background:#fff8e8}.brand-avatar{width:100%;height:100%;border-radius:6px;object-fit:cover;object-position:top center}.brand strong,.brand small{display:block}.brand strong{font-size:1rem}.brand small{margin-top:.08rem;color:var(--muted);font-size:.78rem}.main-nav{display:flex;align-items:center;gap:.35rem;padding:.25rem;overflow-x:auto;border:1px solid rgba(212,181,121,.7);border-radius:8px;background:#fffdf7c7}.main-nav a{display:inline-flex;align-items:center;gap:.38rem;min-height:2.45rem;padding:.55rem .8rem;border-radius:6px;color:var(--muted);text-decoration:none;white-space:nowrap;font-size:.93rem;font-weight:800}.main-nav a[aria-current=page]{color:var(--ink);background:var(--paper-deep);box-shadow:inset 0 -2px #d99a3073}.app-view{outline:0}.journal-hero,.page-header,.page-section,.feature-dossier,.feature-list,.character-scrapbook,.syntax-note{width:min(1180px,calc(100% - 2.5rem));margin-inline:auto}.reveal{opacity:0;transform:translateY(18px);transition:opacity .52s ease,transform .52s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.journal-hero{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(20rem,.78fr);gap:1.25rem;min-height:38rem;margin-top:1.25rem;padding:1.25rem;overflow:hidden;border:1px solid rgba(215,178,106,.7);border-radius:8px;background-image:linear-gradient(110deg,#fff8e2e0,#fff4d65c),var(--hero-image);background-position:center,center;background-repeat:no-repeat,no-repeat;background-size:cover,cover;box-shadow:var(--paper-shadow);animation:fieldBreath 13s ease-in-out infinite alternate}.journal-hero:before,.journal-hero:after{position:absolute;pointer-events:none;content:""}.journal-hero:before{top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(110,77,33,.04) 26px 27px),repeating-linear-gradient(0deg,transparent 0 24px,rgba(110,77,33,.035) 24px 25px);mix-blend-mode:multiply}.journal-hero:after{right:2rem;bottom:1.25rem;width:min(32rem,48vw);height:8rem;border-bottom:2px solid rgba(125,89,32,.24);border-radius:50%}.hero-paper{position:relative;z-index:2;align-self:center;max-width:39rem;padding:clamp(1.5rem,4vw,3.1rem);border:1px solid rgba(221,192,133,.92);border-radius:8px;background:linear-gradient(90deg,rgba(126,91,46,.06) 1px,transparent 1px) 0 0 / 2rem 2rem,linear-gradient(0deg,rgba(126,91,46,.05) 1px,transparent 1px) 0 0 / 2rem 2rem,#fffcf4eb;box-shadow:0 18px 34px #5b42241f}.hero-paper:before,.feature-card:before,.content-card:before,.category-page:before{position:absolute;top:-.75rem;left:50%;width:7.5rem;height:1.65rem;border-radius:4px;background:var(--tape);box-shadow:0 4px 8px #7854211f;content:"";transform:translate(-50%) rotate(-2deg)}.eyebrow{margin:0 0 1rem;color:var(--blue);font-size:.85rem;font-weight:900}h1,h2,h3,p{letter-spacing:0}h1,h2,h3{margin:0;color:var(--ink);line-height:1.16}.journal-hero h1{max-width:11ch;font-size:clamp(2.7rem,6vw,5rem)}.hero-text,.lead,.section-head p,.content-card p,.markdown-content{color:var(--muted);line-height:1.82}.hero-text{max-width:34rem;margin:1.15rem 0 0;font-size:1.12rem}.hero-tags,.tag-row{display:flex;flex-wrap:wrap;gap:.55rem}.hero-tags{margin-top:1.25rem}.hero-tags a,.tag-row span{padding:.42rem .65rem;border:1px solid rgba(224,193,128,.9);border-radius:6px;color:#765315;background:#fff5d7;font-weight:800}.hero-tags a{text-decoration:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.hero-tags a:hover{transform:translateY(-2px);border-color:#d99a30f2;background:#fff0c3}.action-row,.header-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.9rem;padding:0 1rem;border:1px solid transparent;border-radius:8px;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.button:hover,.icon-button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:var(--blue);box-shadow:0 12px 20px #346d923d}.button-secondary{color:#6f4c14;border-color:#e2c684;background:#fffaf0}.hero-art{position:relative;z-index:2;display:grid;align-items:end;min-height:34rem}.hero-photo{position:relative;align-self:stretch;overflow:hidden;border:1px solid rgba(224,191,127,.85);border-radius:8px;background:linear-gradient(180deg,#fffae933,#ffebb99e),#fffaef9e}.hero-photo:before{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;left:.75rem;border:1px dashed rgba(126,88,28,.32);border-radius:8px;content:""}.hero-character{position:absolute;left:50%;right:auto;bottom:-8%;width:auto;height:85%;max-width:none;max-height:none;object-fit:contain;object-position:bottom right;filter:drop-shadow(0 24px 30px rgba(56,42,28,.22));--hero-character-x: -50%;animation:characterFloat 5.8s ease-in-out infinite}.hero-stamp{position:absolute;right:1.1rem;bottom:1.1rem;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .7rem;border:2px solid rgba(188,108,78,.52);border-radius:8px;color:#9c4d43;background:#fff9eed9;font-weight:900;transform:rotate(-4deg)}.page-section{margin-top:4.25rem}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,.52fr);align-items:end;gap:2rem;margin-bottom:1.2rem}.section-head>div{display:flex;align-items:center;gap:.55rem}.section-head h2,.page-header h1,.feature-dossier h1{font-size:clamp(1.9rem,4vw,2.45rem)}.section-head p,.page-header .lead,.feature-dossier .lead{max-width:42rem;margin:0}.page-header{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:2rem;margin-top:2rem;padding:2rem;border:1px solid rgba(218,190,132,.8);border-radius:8px;background:linear-gradient(90deg,#fffcf4fa,#fff3d5e6),var(--paper);box-shadow:0 12px 28px #5b422414}.page-header:after{position:absolute;right:2rem;bottom:-.75rem;width:8rem;height:1.45rem;border-radius:4px;background:#e1eff3cc;content:"";transform:rotate(2deg)}.syntax-note{display:flex;align-items:center;gap:.5rem;margin-top:1rem;color:var(--muted);font-size:.93rem}.search-box{display:flex;align-items:center;gap:.55rem;width:min(29rem,100%);height:3rem;padding:0 .85rem;border:1px solid rgba(212,181,121,.8);border-radius:8px;color:var(--muted);background:#fff7df;box-shadow:inset 0 -2px #d99a301f}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent}.sticker-wall,.card-grid,.sticker-grid,.sticker-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.sticker-wall{grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem;border:1px dashed rgba(160,118,58,.36);border-radius:8px;background:linear-gradient(90deg,rgba(116,79,30,.035) 1px,transparent 1px) 0 0 / 1.8rem 1.8rem,linear-gradient(0deg,rgba(116,79,30,.035) 1px,transparent 1px) 0 0 / 1.8rem 1.8rem,#fffaeeb8}.feature-card,.content-card,.command-card,.category-page,.feature-dossier,.chat-paper,.chat-note-layout,.character-card{position:relative;border:1px solid rgba(219,190,132,.88);border-radius:8px;background:var(--paper);box-shadow:0 12px 24px #5b422417}.feature-card{display:grid;align-content:start;min-height:15rem;padding:1.1rem;overflow:hidden;text-decoration:none;transform:rotate(var(--tilt, -.6deg));transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.feature-card:nth-child(2n){--tilt: .7deg}.feature-card:nth-child(3n){--tilt: -1.1deg}.feature-card:hover{z-index:2;transform:translateY(-5px) rotate(0);border-color:#cf9534d1;box-shadow:var(--paper-shadow)}.feature-card.sticker{min-height:14.25rem}.feature-card.wide{min-height:13rem;grid-template-columns:3rem minmax(0,1fr);column-gap:1rem}.feature-card.wide .card-pin,.feature-card.wide .feature-category,.feature-card.wide h3,.feature-card.wide p,.feature-card.wide .feature-card-bottom{grid-column:2}.card-pin{position:absolute;top:.65rem;right:.75rem;width:.75rem;height:.75rem;border-radius:50%;background:#fffc;box-shadow:inset 0 0 0 3px #c46f7799}.feature-category{display:block;margin-top:1rem;color:var(--green);font-size:.78rem;font-weight:900}.feature-card.wide .feature-category{margin-top:.65rem}.feature-card h3{margin-top:.35rem;font-size:1.35rem}.feature-card p{margin:.65rem 0 0;color:var(--muted);line-height:1.65}.feature-card-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin-top:1rem}.feature-card-bottom span{padding:.25rem .5rem;border-radius:6px;color:var(--muted);background:#ffffff8c;font-size:.78rem;font-weight:900}.feature-card code,.dossier-command code,.command-card code{width:fit-content;max-width:100%;padding:.28rem .45rem;overflow-wrap:anywhere;border-radius:6px;color:#8a4d13;background:#fff1c9;font-size:.88rem}.tone-gold{--tone: var(--gold);--tone-soft: var(--gold-soft)}.tone-rose{--tone: var(--rose);--tone-soft: var(--rose-soft)}.tone-blue{--tone: var(--blue);--tone-soft: var(--blue-soft)}.tone-green{--tone: var(--green);--tone-soft: var(--green-soft)}.tone-gold,.tone-rose,.tone-blue,.tone-green{background:linear-gradient(135deg,#ffffffbd,#fff3),var(--tone-soft)}.tone-gold .symbol,.tone-rose .symbol,.tone-blue .symbol,.tone-green .symbol,.dossier-command .symbol{background:linear-gradient(135deg,var(--tone),color-mix(in srgb,var(--tone) 68%,#ffffff))}.scrapbook-pages{margin-top:1.25rem}.category-page{margin-top:1.5rem;padding:1.25rem}.category-page:before{left:2.25rem;transform:rotate(-3deg)}.category-tab{position:absolute;top:-1.05rem;right:1.25rem;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:8px 8px 0 0;color:#fff;background:var(--tone);font-weight:900}.category-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.category-head h2{font-size:1.55rem}.category-head p{margin:.45rem 0 0;color:var(--muted)}.category-head span,.empty-state{color:var(--muted);font-size:.93rem;font-weight:800}.chat-note-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.48fr);gap:1rem;padding:1rem;background:repeating-linear-gradient(0deg,transparent 0 2.2rem,rgba(70,109,146,.12) 2.2rem calc(2.2rem + 1px)),#fffdf6}.chat-note-head{grid-column:1 / -1;display:inline-flex;align-items:center;gap:.45rem;width:fit-content;padding:.35rem .65rem;border-radius:6px;color:var(--blue);background:var(--blue-soft);font-weight:900}.chat-window{display:grid;gap:.8rem;min-width:0;padding:.5rem}.paper-chat{padding:.75rem}.chat-row{display:grid;grid-template-columns:4.2rem minmax(0,1fr);gap:.65rem;align-items:start;opacity:0;transform:translateY(8px);animation:messageIn .36s ease forwards;animation-delay:calc(var(--message-index) * 90ms)}.chat-row.user{grid-template-columns:minmax(0,1fr) 4.2rem}.chat-row.user .speaker{grid-column:2}.chat-row.user .bubble{grid-column:1;grid-row:1;justify-self:end;color:#fff;background:var(--blue)}.speaker{color:var(--muted);font-size:.82rem;font-weight:900}.bubble{width:fit-content;max-width:min(46rem,100%);padding:.78rem .9rem;border:1px solid rgba(225,203,160,.65);border-radius:8px;color:var(--ink);background:#fff7e8;line-height:1.72;box-shadow:0 8px 14px #5b42240f}.bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble p+p{margin-top:.4rem}.bubble-image{max-height:22rem;margin-top:.75rem;border-radius:6px;object-fit:contain;background:#fff}.chat-system{justify-self:center;padding:.28rem .55rem;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:#fff;font-size:.82rem;font-weight:800;opacity:0;animation:messageIn .36s ease forwards;animation-delay:calc(var(--message-index) * 90ms)}.receipt-preview{display:grid;align-content:center;gap:.6rem;margin:0;padding:.8rem;border:1px dashed rgba(160,118,58,.36);border-radius:8px;background:#fff6df;transform:rotate(1.2deg)}.receipt-preview img{width:100%;max-height:18rem;object-fit:contain}.receipt-preview figcaption{color:var(--muted);font-size:.88rem;text-align:center}.feature-dossier{margin-top:2rem;padding:1.5rem;overflow:hidden}.feature-dossier:before{position:absolute;top:0;right:2rem;width:7rem;height:1.6rem;border-radius:0 0 6px 6px;background:#ffffff8a;content:""}.back-link{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1rem;color:var(--blue);font-weight:900;text-decoration:none}.dossier-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.35fr);gap:1rem;align-items:stretch}.dossier-main{padding:1rem}.dossier-command{display:grid;align-content:center;gap:.55rem;padding:1rem;border:1px dashed rgba(120,84,33,.26);border-radius:8px;background:#ffffff8c}.dossier-command span:not(.symbol){color:var(--muted);font-size:.85rem;font-weight:900}.chat-paper{padding:1rem;background:repeating-linear-gradient(0deg,transparent 0 2.15rem,rgba(52,109,146,.1) 2.15rem calc(2.15rem + 1px)),#fffdf7}.command-list{display:grid;gap:.75rem}.command-card{padding:1rem;background:linear-gradient(90deg,rgba(217,154,48,.12),transparent .5rem),#fffdf7}.command-top{display:flex;align-items:start;justify-content:space-between;gap:1rem}.command-card p{margin:.8rem 0 .3rem;color:var(--ink);line-height:1.65}.command-card small{color:var(--muted);line-height:1.5}.icon-button{min-height:2rem;padding:0 .65rem;border-color:var(--line);color:var(--blue);background:#fffaf0}.content-card{padding:1.2rem}.note-card{overflow:hidden}.content-card h2{margin-bottom:.9rem;font-size:1.3rem}.content-card p{margin:0}.content-card p+p{margin-top:.65rem}.plain-list{display:grid;gap:.55rem;margin:0;padding-left:1.1rem;color:var(--muted);line-height:1.65}.fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1rem 0 0}.fact-grid div{padding:.75rem;border:1px solid rgba(211,181,124,.65);border-radius:6px;background:#fffcf4bd}.fact-grid dt{color:var(--muted);font-size:.82rem;font-weight:900}.fact-grid dd{margin:.22rem 0 0;color:var(--ink);line-height:1.45}.character-scrapbook{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(0,1fr);gap:1rem;margin-top:1.25rem;align-items:start}.character-card{position:sticky;top:5.5rem;padding:1rem;text-align:center;background:linear-gradient(180deg,#fff4d6bd,#fffcf4f0),var(--paper)}.portrait-frame{overflow:hidden;border:1px solid rgba(218,190,132,.8);border-radius:8px;background:#fff}.portrait-frame img{width:100%;max-height:34rem;object-fit:cover;object-position:top center}.character-card h2{margin-top:1rem;font-size:1.7rem}.character-card p{margin:.2rem 0 1rem;color:var(--muted);font-weight:800}.journal-notes{display:grid;gap:1rem}.markdown-card{overflow-x:auto}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content h2{margin:1.3rem 0 .65rem;color:var(--ink);font-size:1.45rem}.markdown-content h3{margin:1.1rem 0 .55rem;color:var(--ink);font-size:1.16rem}.markdown-content p,.markdown-content ul,.markdown-content ol{margin:.7rem 0}.markdown-content ul,.markdown-content ol{padding-left:1.25rem}.markdown-content li+li{margin-top:.35rem}.markdown-content table{width:100%;margin:.9rem 0;border-collapse:collapse;overflow-wrap:anywhere}.markdown-content th,.markdown-content td{padding:.65rem;border:1px solid rgba(211,181,124,.82);text-align:left;vertical-align:top}.markdown-content th{color:var(--ink);background:#fff1c9d9}.markdown-content blockquote{margin:.9rem 0 0;padding:.7rem .85rem;border-left:4px solid var(--tone, var(--gold));color:var(--muted);background:#fff9eae0;font-size:.93rem}.sticker-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.site-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.65rem;width:min(1180px,calc(100% - 2.5rem));margin:4rem auto 0;padding:2rem 0 2.5rem;color:var(--muted);font-size:.9rem}.site-footer a{display:inline-flex;align-items:center;gap:.3rem;color:var(--blue);text-decoration:none;font-weight:800}.site-footer a:hover{text-decoration:underline}.footer-divider{width:1px;height:.9rem;background:#756a5d59}@keyframes fieldBreath{0%{background-position:center,50% 50%}to{background-position:center,52% 48%}}@keyframes characterFloat{0%,to{transform:translate(var(--hero-character-x, 0)) translateY(0)}50%{transform:translate(var(--hero-character-x, 0)) translateY(-.55rem)}}@keyframes messageIn{to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.site-header{position:static;flex-direction:column;align-items:stretch}.journal-hero,.dossier-grid,.chat-note-layout,.character-scrapbook,.section-head,.page-header{grid-template-columns:1fr}.journal-hero{min-height:auto}.hero-art{min-height:36rem}.sticker-wall,.card-grid,.sticker-grid,.sticker-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.character-card{position:static}}@media(max-width:640px){.journal-hero,.page-header,.page-section,.feature-dossier,.feature-list,.character-scrapbook,.syntax-note,.site-footer{width:min(100% - 1rem,1180px)}.journal-hero,.page-header,.feature-dossier{padding:1rem}.hero-paper{padding:1.2rem}.hero-art{min-height:31rem}.hero-character{left:50%;right:auto;bottom:-8%;width:auto;height:80%;max-width:none;max-height:none;--hero-character-x: -50%}.sticker-wall,.card-grid,.sticker-grid,.sticker-nav,.fact-grid{grid-template-columns:1fr}.feature-card,.feature-card:nth-child(2n),.feature-card:nth-child(3n){transform:none}.sticker-wall .feature-card .symbol{margin-bottom:.45rem}.sticker-wall .feature-category{margin-top:1.35rem}.feature-card.wide{grid-template-columns:1fr}.feature-card.wide .card-pin,.feature-card.wide .feature-category,.feature-card.wide h3,.feature-card.wide p,.feature-card.wide .feature-card-bottom{grid-column:auto}.category-head,.command-top{display:grid}.chat-row,.chat-row.user{grid-template-columns:1fr}.chat-row.user .speaker,.chat-row.user .bubble{grid-column:auto;grid-row:auto}.chat-row.user .bubble{justify-self:stretch}.bubble{width:100%}.icon-button{width:fit-content}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}.reveal,.chat-row,.chat-system{opacity:1;transform:none}}