:root{--bg: #f4ecdf;--paper: #fffaf0;--paper-deep: #efe3cf;--ink: #3b2e23;--muted: #735f4c;--soft: #9a8976;--accent: #b86437;--accent-dark: #8f492a;--green: #607b68;--green-soft: #d9dfce;--line: #dfcfb8;--shadow: 0 18px 48px rgba(69, 47, 29, .14);--serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, serif;--sans: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--ink);font-family:var(--sans);background:linear-gradient(90deg,rgba(120,86,45,.05) 1px,transparent 1px) 0 0 / 32px 32px,linear-gradient(rgba(120,86,45,.05) 1px,transparent 1px) 0 0 / 32px 32px,radial-gradient(circle at 18% 8%,rgba(184,100,55,.13),transparent 26rem),radial-gradient(circle at 92% 20%,rgba(96,123,104,.16),transparent 24rem),var(--bg)}button,a{font:inherit}a{color:inherit}img{display:block;max-width:100%}.site-shell{min-height:100vh;padding:24px clamp(16px,4vw,56px) 36px}.topbar{position:sticky;top:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1320px;margin:0 auto 34px;padding:18px clamp(18px,3vw,42px);background:#fffaf0eb;border:1px solid rgba(223,207,184,.85);box-shadow:0 10px 30px #432e1d1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{color:var(--ink);font-family:var(--serif);font-size:clamp(1.5rem,2.4vw,2.3rem);font-weight:800;text-decoration:none}.nav-links{display:flex;align-items:center;gap:clamp(12px,2.3vw,36px)}.nav-link{position:relative;color:var(--ink);font-size:.98rem;text-decoration:none;white-space:nowrap}.nav-link:after{position:absolute;right:0;bottom:-8px;left:0;height:2px;background:var(--accent);content:"";opacity:0;transform:scaleX(.4);transition:.18s ease}.nav-link:hover:after,.nav-link.active:after{opacity:1;transform:scaleX(1)}.hero-section,.paper-panel,.memory-strip,.page-section,.detail-layout{max-width:1320px;margin:0 auto}.hero-section{display:grid;grid-template-columns:minmax(280px,1.08fr) minmax(300px,.92fr) minmax(280px,.9fr);gap:24px;align-items:stretch;min-height:380px;margin-bottom:28px}.hero-copy,.map-card,.quiz-card,.paper-panel{border:1px solid var(--line);background:#fffaf0e0;box-shadow:var(--shadow)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,4vw,56px);background:linear-gradient(rgba(184,100,55,.08) 1px,transparent 1px) 0 44px / 100% 34px,#fffaf0e0}.hero-copy h1,.page-intro h1,.detail-copy h1{margin:0;font-family:var(--serif);font-size:clamp(2.6rem,5.4vw,5.8rem);line-height:1.06;letter-spacing:0}.hero-copy p,.page-intro p,.detail-copy p{max-width:640px;color:var(--muted);font-size:1.04rem;line-height:1.9}.filter-row,.hero-actions,.tag-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filter{min-height:40px;padding:8px 18px;border:1px solid var(--line);background:#fffaf0a6;color:var(--muted);font-size:.92rem}button.filter{cursor:pointer}.filter.active{border-color:var(--accent);background:var(--accent);color:#fffaf0}.hero-actions{margin-top:26px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 22px;border:1px solid var(--accent);text-decoration:none;transition:.16s ease}.button.primary{background:var(--accent);color:#fffaf0}.button.secondary{background:#fffaf0b8;color:var(--accent-dark)}.button:hover,.quiz-card:hover,.character-card:hover,.photo-card:hover{transform:translateY(-3px)}.map-card{padding:28px}.map-heading,.section-header,.footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.map-heading h2,.section-header h2,.detail-copy h2,.relationship-card h2{margin:0;font-family:var(--serif)}.text-link,.inspect-link{color:var(--green);font-size:.92rem;font-weight:650;text-decoration:none}.relationship-map{width:100%;min-height:260px;margin:18px 0 10px;overflow:visible}.compact-map{min-height:250px}.relationship-map marker path{fill:var(--accent-dark)}.map-line{stroke:var(--tone);stroke-width:.95;stroke-dasharray:2.2 2}.map-line.school,.line.school:before,.relationship-card.school{--tone: var(--green)}.map-line.heart,.line.heart:before,.relationship-card.heart{--tone: var(--accent)}.map-line.family,.line.family:before,.relationship-card.family{--tone: #a88b55}.map-line.friend,.line.friend:before,.relationship-card.friend{--tone: #6f8b84}.map-line.spark,.line.spark:before,.relationship-card.spark{--tone: #b0737c}.map-line.side,.line.side:before,.relationship-card.side{--tone: #7d7390}.map-line.pending,.line.pending:before,.relationship-card.pending{--tone: #9a8976}.map-label{paint-order:stroke;fill:var(--tone);font-size:3.1px;font-weight:700;stroke:#fffaf0e6;stroke-linejoin:round;stroke-width:1.4px}.map-label.school,.map-label.heart,.map-label.family,.map-label.friend,.map-label.spark,.map-label.side,.map-label.pending{--tone: var(--green)}.map-label.heart{--tone: var(--accent)}.map-label.family{--tone: #a88b55}.map-label.friend{--tone: #6f8b84}.map-label.spark{--tone: #b0737c}.map-label.side{--tone: #7d7390}.map-label.pending{--tone: #9a8976}.map-node{cursor:default}.node-halo{fill:#fffaf0eb;stroke:#8d806ea6;stroke-width:.7}.map-node.core .node-halo{stroke:var(--accent);stroke-width:1}.node-ring{fill:transparent;stroke:#8d806e;stroke-width:.65}.map-node.core .node-ring{stroke:var(--accent-dark);stroke-width:.85}.node-name,.node-initial{fill:var(--muted);font-size:3.1px;font-weight:700}.node-name{paint-order:stroke;stroke:#fffaf0f2;stroke-linejoin:round;stroke-width:1.1px}.node-initial{font-size:4px}.legend{display:grid;gap:8px}.line{display:inline-flex;align-items:center;gap:10px;color:var(--muted);font-size:.86rem}.line:before{width:34px;height:2px;background:var(--tone);content:""}.quiz-card{display:flex;min-height:100%;flex-direction:column;justify-content:space-between;padding:clamp(28px,4vw,44px);overflow:hidden;background:linear-gradient(#607b6817,#607b6817),linear-gradient(145deg,#ece5cc,#d8ddc7);color:var(--ink);text-decoration:none;transition:.16s ease}.quiz-card h2{margin:0 0 16px;font-family:var(--serif);font-size:clamp(1.8rem,2.8vw,3.2rem);line-height:1.15}.quiz-card p{color:var(--muted);font-size:1rem;line-height:1.8}.quiz-arrow{display:inline-flex;width:fit-content;min-height:46px;align-items:center;margin-top:38px;padding:10px 20px;background:var(--accent);color:#fffaf0}.paper-panel,.memory-strip,.page-section{padding:clamp(22px,3vw,34px);border:1px solid var(--line);background:linear-gradient(rgba(184,100,55,.06) 1px,transparent 1px) 0 62px / 100% 32px,#fffaf0e6;box-shadow:var(--shadow)}.character-preview{margin-bottom:28px}.section-header{margin-bottom:22px}.section-header h2{position:relative;padding-left:16px;font-size:clamp(1.35rem,2vw,2rem)}.section-header h2:before{position:absolute;top:.2em;bottom:.2em;left:0;width:4px;background:var(--accent);content:""}.character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.character-grid.compact{grid-template-columns:repeat(6,minmax(0,1fr))}.character-card{border:1px solid var(--line);background:#fffdf7db;transition:.16s ease}.character-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 2px #b8643726}.card-button{width:100%;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.portrait-frame{margin:12px 12px 0;padding:10px;border:1px solid #ded0ba;background:#f7f1e7}.portrait-frame img{width:100%;aspect-ratio:4 / 5;object-fit:contain;background:#f7f7f4;filter:saturate(.95) contrast(.96)}.character-card-body{padding:14px 16px 18px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.card-title-row h3{margin:0;font-family:var(--serif);font-size:1.18rem}.card-title-row span,.tag-row span{color:var(--muted);font-size:.78rem}.character-card p{min-height:44px;margin:8px 0 12px;color:var(--muted);font-size:.9rem;line-height:1.6}.tag-row span{padding:4px 8px;border:1px solid rgba(96,123,104,.22);background:#d9dfce80}.tag-row.large span{font-size:.9rem}.inspect-link{display:inline-block;margin-top:14px}.memory-strip{overflow:hidden}.photo-rail,.gallery-grid{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:18px}.photo-card{padding:10px 10px 16px;border:1px solid #decfba;background:#fffdf7;box-shadow:0 12px 28px #402c1c1f;transform:rotate(var(--tilt));transition:.16s ease}.photo-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--paper-deep)}.photo-card h3{margin:12px 4px 2px;font-family:var(--serif);font-size:1rem}.photo-card p{margin:0 4px;color:var(--soft);font-size:.82rem}.page-section{min-height:62vh}.page-intro{margin-bottom:30px}.page-intro h1{font-size:clamp(2.5rem,4.5vw,5rem)}.detail-layout{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:28px;align-items:start}.detail-photo{padding:18px}.detail-photo img{width:100%;aspect-ratio:4 / 5;object-fit:contain;background:#f7f7f4}.detail-copy{padding:clamp(22px,4vw,44px);border:1px solid var(--line);background:#fffaf0e6;box-shadow:var(--shadow)}.back-button{margin-bottom:20px;padding:0;border:0;background:transparent;color:var(--green);cursor:pointer;font-weight:650}.status-line{margin:0 0 8px;color:var(--accent-dark);font-weight:700}.role-line{color:var(--ink);font-size:1.22rem}blockquote{margin:26px 0;padding:18px 22px;border-left:4px solid var(--accent);background:#efe3cf73;color:var(--muted);font-family:var(--serif);font-size:1.24rem;line-height:1.7}.detail-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px;margin-top:28px}.detail-columns ul{margin:12px 0 0;padding-left:1.2em;color:var(--muted);line-height:1.9}.mini-list{display:grid;gap:10px}.mini-list span{padding:10px 12px;border:1px solid rgba(223,207,184,.85);background:#fffdf794;color:var(--muted)}.relationships-layout{display:grid;grid-template-columns:1fr;gap:24px}.map-large .relationship-map{height:clamp(430px,42vw,520px);min-height:0}.relationship-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.relationship-card{border:1px solid rgba(223,207,184,.95);border-top:4px solid var(--tone);background:#fffdf7d1;padding:18px}.relationship-card h2{font-size:1.12rem}.relationship-card span{display:inline-block;margin:8px 0;color:var(--tone);font-weight:700}.relationship-card p{margin:0;color:var(--muted);line-height:1.75}.center-action{margin-top:24px;text-align:center}.gallery-filters{margin-bottom:24px}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.not-found{text-align:center}.footer{max-width:1320px;margin:28px auto 0;color:var(--muted);font-size:.9rem}.footer div{display:flex;gap:18px}.footer a{color:var(--green);text-decoration:none}@media(max-width:1080px){.hero-section,.relationships-layout,.detail-layout{grid-template-columns:1fr}.character-grid.compact,.character-grid,.gallery-grid,.relationship-list{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-rail{grid-template-columns:repeat(3,minmax(190px,1fr))}}@media(max-width:720px){.site-shell{padding:12px 12px 24px}.topbar{position:static;align-items:flex-start;flex-direction:column;margin-bottom:18px;padding:16px}.nav-links{width:100%;overflow-x:auto;padding-bottom:6px}.hero-section{gap:14px;min-height:0}.hero-copy,.map-card,.quiz-card,.paper-panel,.memory-strip,.page-section,.detail-copy{padding:20px}.hero-actions,.filter-row{align-items:stretch;flex-direction:column}.button,.filter{width:100%}.character-grid.compact,.character-grid,.relationship-list,.gallery-grid,.detail-columns,.photo-rail{grid-template-columns:1fr}.map-large .relationship-map{height:320px}.map-large .map-label{display:none}.photo-card{transform:none}.footer{align-items:flex-start;flex-direction:column}}