*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg:#F6E7A8;--deep:#E8D27A;--paper:#FFF8DC;--soft:#F3E6B0;--ink:#3A2E08;--text:#4A3C12;--muted:#7A6418;--gold:#8A6A12;--moss:#5A7A38;--line:rgba(58,46,8,.16);--strong:rgba(138,106,18,.48);--shadow:0 12px 28px rgba(58,46,8,.08)}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%;object-fit:contain;object-position:center}.wrap{width:min(960px,calc(100% - 32px));margin:auto}.microbar{position:fixed;z-index:80;top:0;left:0;right:0;height:20px;background:var(--ink);color:var(--bg);font-size:12px}.micro-inner{display:flex;align-items:center;justify-content:space-between;height:20px}.plain-btn{border:0;background:none;color:var(--bg);height:20px;cursor:pointer}.mainhead{position:fixed;z-index:79;top:20px;left:0;right:0;height:54px;background:var(--bg);border-bottom:1px solid var(--strong)}.head-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;min-height:44px;color:var(--ink)}.brand strong{font-size:16px}.logo{height:24px;width:auto}.head-ops{display:flex;gap:8px;align-items:center}.app-link,.drawer-btn,.close-btn,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:10px;border:1px solid var(--strong);font-size:14px;white-space:nowrap}.app-link,.button.primary{background:linear-gradient(135deg,#F6E7A8 0%,#8A6A12 100%);color:var(--ink);font-weight:800}.drawer-btn,.close-btn,.button.dark{background:var(--ink);color:var(--bg);cursor:pointer}.quicknav{position:fixed;z-index:75;top:74px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--strong)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-grid a{display:flex;align-items:center;justify-content:center;height:42px;border-right:1px solid var(--line);font-size:13px;color:var(--gold)}.quick-grid a:last-child{border-right:0}.quick-grid a.active{background:var(--gold);color:var(--paper)}.page-main{padding-top:132px;padding-bottom:48px}.section{padding:32px 0}.section.small{padding:20px 0}.eyebrow{display:block;font-size:12px;color:var(--muted);letter-spacing:.08em;margin-bottom:8px}h1,h2,h3,p{margin-top:0}h1{font-size:24px;line-height:1.3;color:var(--ink);margin-bottom:14px}h2{font-size:20px;line-height:1.4;color:var(--ink);margin-bottom:12px}h3{font-size:16px;line-height:1.45;color:var(--ink);margin-bottom:8px}p{margin-bottom:14px}.lead{font-size:16px;color:var(--ink);max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.button{height:44px}.button:hover,a:hover{filter:brightness(.98)}a:focus-visible,button:focus-visible{outline:3px solid var(--moss);outline-offset:3px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.chips a{display:inline-flex;min-height:44px;align-items:center;padding:0 14px;background:var(--paper);border:1px solid var(--strong);border-radius:999px}.image-slot{display:flex;align-items:center;justify-content:center;min-height:90px;background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}.image-slot img{width:100%;height:100%}.hero-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:end}.hero-note{padding:20px;background:var(--ink);color:var(--bg);border-radius:12px}.hero-note h2{color:var(--paper)}.portrait{width:min(420px,100%);height:280px;margin:auto}.story-list{display:grid;gap:14px}.story-row{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.story-no{font-size:13px;color:var(--gold);font-weight:800}.story-row .image-slot{grid-column:1/-1;height:220px}.relation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.relation-card{padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:12px;position:relative}.relation-card:before{content:"";position:absolute;left:20px;top:0;width:64px;height:4px;background:var(--gold);border-radius:0 0 8px 8px}.relation-card .image-slot{height:210px;margin-bottom:14px}.recommend-band{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.recommend-band article{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.recommend-band article:nth-child(2){background:var(--gold);color:var(--paper)}.recommend-band article:nth-child(2) h2,.recommend-band article:nth-child(2) h3{color:var(--paper)}.status-list{display:grid;gap:10px}.status-item{display:grid;grid-template-columns:120px 1fr;gap:14px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.badge{display:inline-flex;align-items:center;justify-content:center;height:36px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:800}.memo-list{display:grid;gap:12px}.memo{padding:18px;background:var(--paper);border-left:4px solid var(--gold);border-radius:0 12px 12px 0}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.collection-card{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.collection-card .image-slot{height:190px;margin-bottom:14px}.app-panel{display:grid;grid-template-columns:1fr 260px;gap:24px;align-items:center;padding:24px;background:var(--ink);color:var(--bg);border-radius:12px}.app-panel h1,.app-panel h2{color:var(--paper)}.app-panel .image-slot{height:300px;background:var(--bg)}.icon-line{display:flex;gap:12px;align-items:center;margin-top:12px}.icon-line .image-slot{width:48px;height:48px;min-height:48px}.single{max-width:760px;margin:auto}.single>.image-slot{height:260px;margin:18px 0}.policy{max-width:800px;margin:auto}.policy section{padding:18px 0;border-bottom:1px solid var(--line)}.faq{display:grid;gap:12px}.faq article{padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.about-banner{height:200px;margin:16px 0 24px}.about-banner .image-slot{height:200px}.feedback-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feedback-grid section{padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.drawer{position:fixed;z-index:100;left:0;right:0;bottom:0;height:42vh;min-height:320px;background:var(--paper);border-top:1px solid var(--strong);transform:translateY(105%);visibility:hidden;pointer-events:none;transition:.22s}.drawer[aria-hidden="false"]{transform:translateY(0);visibility:visible;pointer-events:auto}.drawer-head{height:58px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-brand{display:flex;gap:10px;align-items:center}.drawer-groups{height:calc(42vh - 58px);overflow:auto;padding:14px 16px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.drawer-groups h2{font-size:14px;color:var(--gold)}.drawer-groups a{display:block;padding:8px 0;border-bottom:1px solid var(--line)}.drawer-groups b{display:block;color:var(--ink);font-size:14px}.drawer-groups span{display:block;color:var(--muted);font-size:12px;line-height:1.55}.mask{position:fixed;z-index:90;inset:0;background:rgba(46,36,8,.48);opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.mask.show{opacity:1;visibility:visible;pointer-events:auto}.searchbox{position:fixed;z-index:95;top:74px;left:0;right:0;visibility:hidden;pointer-events:none}.searchbox[aria-hidden="false"]{visibility:visible;pointer-events:auto}.search-inner{width:min(960px,calc(100% - 32px));margin:auto;padding:18px;background:var(--paper);border:1px solid var(--strong);border-radius:0 0 12px 12px;box-shadow:var(--shadow)}.search-title{display:flex;justify-content:space-between;gap:16px}.search-title p{margin:3px 0 0;color:var(--muted)}.search-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.search-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;background:var(--soft);border:1px solid var(--line);border-radius:999px}.footer{background:#2E2408;color:#F6E7A8;padding:30px 0 72px;font-size:13px;border-top:1px solid rgba(246,231,168,.4)}.footer-top{display:grid;grid-template-columns:180px 1fr;gap:24px}.footer-brand{display:flex;gap:10px;align-items:flex-start}.footer-brand strong,.footer-brand span{display:block}.footer-map{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.footer-map h2{font-size:13px;color:#F6E7A8}.footer-map a{display:block;padding:4px 0}.footer-note{margin:22px 0 8px;max-width:780px}.copy{margin:0;color:#F3E6B0}.mobilebar{display:none}@media(max-width:720px){.quicknav{display:none}.page-main{padding-top:92px;padding-bottom:74px}.hero-copy,.relation-grid,.recommend-band,.collection-grid,.app-panel,.feedback-grid{grid-template-columns:1fr}.story-row,.status-item{grid-template-columns:1fr}.drawer-groups{grid-template-columns:1fr 1fr}.searchbox{top:0;bottom:0;background:var(--ink);padding:20px 0}.search-inner{height:100%;border-radius:12px;background:var(--ink);color:var(--bg)}.search-title p{color:var(--bg)}.search-links a{background:var(--bg);color:var(--ink)}.footer-top{grid-template-columns:1fr}.footer-map{grid-template-columns:1fr 1fr}.mobilebar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:70;bottom:0;left:0;right:0;min-height:48px;padding-bottom:env(safe-area-inset-bottom);background:var(--paper);border-top:1px solid var(--strong)}.mobilebar a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px}.mobilebar a.active{background:var(--gold);color:var(--paper)}}@media(max-width:420px){.drawer-groups{grid-template-columns:1fr}.head-ops{gap:6px}.app-link,.drawer-btn{padding:0 10px}.micro-inner span{max-width:78%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}