:root{--moon-paper:#f8f6f0;--moon-surface:#fffdf8;--moon-blue:#e4eff7;--moon-ink:#263f50;--moon-muted:#536d7e;--moon-accent:#376b8e;--moon-line:#d8e3e9;--moon-display:"STSong","SimSun",serif}
.moon-theme{margin:0;background:var(--moon-paper)!important;color:var(--moon-ink);font-family:"Microsoft YaHei","Segoe UI",sans-serif;line-height:1.7}
.moon-theme *{box-sizing:border-box}
.moon-theme :is(button,a,input,select,summary){-webkit-tap-highlight-color:#b9d3e566}
.moon-theme :is(button,a,input,select,summary):focus-visible{outline:3px solid var(--moon-accent);outline-offset:4px}
.moon-theme :is(button,select,summary){cursor:pointer}
.moon-theme :is(input,select){color:var(--moon-ink);font-size:14px;min-height:44px;border-color:var(--moon-line)}
.moon-theme input::placeholder{color:var(--moon-muted);opacity:1}
.moon-theme :is(.sidebar,.hub-sidebar){background:var(--moon-surface);border-color:var(--moon-line)}
.moon-theme :is(.brand,.hub-brand){color:var(--moon-ink)}
.moon-theme :is(.brand small,.sidebar-label,.sidebar-bottom,.side-bottom){color:var(--moon-muted)}
.moon-theme :is(.topbar,.topbar-title,.breadcrumb){color:var(--moon-muted);border-color:var(--moon-line)}
.moon-theme :is(.sidebar .navlinks,.sidebar .main-nav){width:100%;padding:0;align-items:stretch}
.moon-theme :is(.sidebar nav a,.sidebar nav button){color:var(--moon-muted);border-radius:10px;min-height:46px}
.moon-theme :is(.sidebar nav .active,.sidebar nav [aria-current=page]){color:var(--moon-ink);background:var(--moon-blue);font-weight:600}
.moon-theme :is(.sidebar-topic,.side-note){background:#edf2f3;border:1px solid var(--moon-line);box-shadow:none}
.moon-theme :is(.eyebrow,.hero-eyebrow){color:var(--moon-muted);letter-spacing:1px}
.moon-theme :is(.hero h1,.profile h1){font-family:var(--moon-display);font-weight:600;letter-spacing:-.04em;line-height:1.35;color:var(--moon-ink)}
.moon-theme .hero h1 em{color:inherit;font-style:normal}
.moon-theme :is(.hero p,.desc,.source-note,.note,.rule,.original-title,.meta,.capacity-text,.card-info p,.results,.coverage){color:var(--moon-muted)}
.moon-theme :is(.overview,.stats,.character,.media-card,.voice,.owner-card,.game-card,.work-card,.card){border-color:var(--moon-line);box-shadow:none}
.moon-theme :is(.character,.media-card,.owner-card,.game-card,.work-card){border-radius:16px}
.moon-theme :is(.character,.game-card,.owner-card):hover{transform:none;border-color:#89adc5;box-shadow:0 6px 20px #263f500a}
.moon-theme :is(.cards,.media-grid){gap:24px}
.moon-theme :is(.tabs button,.filters button){min-height:44px;color:var(--moon-muted)}
.moon-theme :is(.tabs button.active,.filters button.active){color:var(--moon-ink);background:var(--moon-blue)}
.moon-theme :is(.go,.links a,.source-grid a){color:var(--moon-accent)}
.moon-theme :is(.section-title,.heading h2,.section-heading h2){font-family:var(--moon-display);font-size:28px;font-weight:600;letter-spacing:-.03em}
.moon-theme :is(.hero-art .art-cover,.hero-art .poster){box-shadow:0 10px 28px #263f5014}
.moon-theme :is(.hero-art .art-label,.hero-credit){color:var(--moon-ink);background:#fffdf8f0}
.moon-theme .moon-home{background:var(--moon-surface);color:var(--moon-accent);box-shadow:0 3px 12px #263f5012;border-color:#aac3d4;font-size:14px;min-width:128px}
.moon-theme .moon-home:hover{background:var(--moon-blue)}
.moon-theme :is(.hero-star,.topic-decoration){opacity:.35}
.moon-theme[data-moon-site=voices] .hero{padding-top:38px;padding-bottom:32px}
.moon-theme[data-moon-site=voices] .hero h1{font-size:clamp(34px,3.8vw,48px)}
.moon-theme[data-moon-site=voices] .hero p{font-size:14px;max-width:36em}
.moon-theme[data-moon-site=voices] .body .desc{font-size:13px}
.moon-theme[data-moon-site=voices] .overview{border-radius:14px}
.moon-theme[data-moon-site=art] .grid{column-gap:20px}
.moon-theme[data-moon-site=art] .card{border-radius:12px;background:var(--moon-surface);margin-bottom:20px}
.moon-theme[data-moon-site=art] .card-info{padding:16px}
.moon-theme[data-moon-site=art] .card h3{font-size:15px;color:var(--moon-ink)}
.moon-theme[data-moon-site=art] .fav{min-width:44px;height:44px}
.moon-theme[data-moon-site=art] .hero-copy p{font-size:13px;line-height:1.8}
.moon-theme[data-moon-site=art] .hero-copy h1{font-size:clamp(27px,3vw,39px)}
.moon-theme[data-moon-site=screen] .hero h1{font-size:clamp(32px,3.6vw,48px)}
.moon-theme[data-moon-site=screen] .filters label{color:var(--moon-muted)}
.moon-theme[data-moon-site=screen] .stats{border-radius:14px}
.moon-theme[data-moon-site=games] .hero-content h1{font-family:var(--moon-display);font-size:clamp(32px,3.6vw,46px);line-height:1.35;letter-spacing:-.03em}
.moon-theme[data-moon-site=games] .hero{border-radius:18px}
.moon-theme[data-moon-site=games] .game-title{font-size:20px}
.moon-theme[data-moon-site=games] .quick-pick{border-radius:12px}
.moon-theme .hub-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}
.moon-theme .hub-sidebar{position:sticky;top:0;align-self:start;height:100vh;padding:32px 22px;display:flex;flex-direction:column;border-right:1px solid var(--moon-line)}
.moon-theme .hub-brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:21px;font-weight:600}
.moon-theme .hub-brand svg{width:34px;height:34px;color:var(--moon-accent);flex-shrink:0}
.moon-theme .hub-brand small{display:block;font-size:11px;font-weight:400;color:var(--moon-muted);letter-spacing:1px;margin-top:3px}
.moon-theme .hub-nav{margin-top:34px;display:grid;gap:6px}
.moon-theme .hub-nav a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--moon-muted);padding:11px 14px;border-radius:10px;font-size:14px;min-height:46px}
.moon-theme .hub-nav a[aria-current]{background:var(--moon-blue);color:var(--moon-ink);font-weight:600}
.moon-theme .hub-nav a:hover{background:#eef3f6}
.moon-theme .hub-nav svg{width:19px;height:19px;flex-shrink:0}
.moon-theme .hub-sidebar-note{margin-top:auto;border-top:1px solid var(--moon-line);padding-top:20px;font-size:12px;color:var(--moon-muted);line-height:1.8}
.moon-theme .hub-main{width:100%;max-width:1460px;margin:0 auto;padding:28px clamp(24px,4vw,64px) 44px;min-width:0}
.moon-theme .hub-topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--moon-line);font-size:13px;color:var(--moon-muted)}
.moon-theme .hub-owner{border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:var(--moon-blue);color:var(--moon-accent)}
.moon-theme .hub-hero{display:grid;grid-template-columns:1fr 40%;gap:36px;align-items:center;padding:38px 0 42px}
.moon-theme .hub-hero h1{font:500 clamp(36px,4.2vw,62px)/1.28 var(--moon-display);letter-spacing:-.05em;margin:0 0 24px;text-wrap:balance}
.moon-theme .hub-hero p{color:var(--moon-muted);font-size:15px;max-width:30em;margin:0;line-height:1.9}
.moon-theme .hub-art{position:relative;min-height:258px;isolation:isolate;background:#e7eff2;border-radius:72px 14px 72px 14px;overflow:hidden}
.moon-theme .hub-art img{position:absolute;object-fit:cover;object-position:center 20%;width:58%;height:88%;border:6px solid var(--moon-surface);border-radius:8px;box-shadow:0 9px 22px #263f5014}
.moon-theme .hub-art img:first-child{left:5%;top:2%;transform:rotate(-8deg);z-index:1}
.moon-theme .hub-art img:nth-child(2){right:0;top:22%;transform:rotate(10deg)}
.moon-theme .hub-art span{position:absolute;bottom:13px;left:18px;z-index:2;padding:5px 10px;color:var(--moon-ink);font-size:11px;background:#fffdf8e8;border-radius:6px}
.moon-theme .hub-section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}
.moon-theme .hub-section-heading h2{font:600 25px/1.4 var(--moon-display);margin:0;white-space:nowrap}
.moon-theme .hub-search{display:flex;gap:10px;align-items:center;max-width:360px;flex:1;background:var(--moon-surface);border:1px solid #b6cbd9;border-radius:10px;padding:0 14px}
.moon-theme .hub-search svg{width:18px;height:18px;color:var(--moon-muted);flex-shrink:0}
.moon-theme .hub-search input{background:none;border:0;outline-offset:0;min-width:0;width:100%;padding:12px 0;font:14px "Microsoft YaHei",sans-serif;min-height:46px}
.moon-theme .hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.moon-theme .hub-grid .card{display:flex;align-items:flex-start;gap:18px;position:relative;padding:24px;background:var(--moon-surface);border:1px solid var(--moon-line);border-radius:14px;text-decoration:none;color:inherit;min-height:152px;transition:border-color .18s,background-color .18s}
.moon-theme .hub-grid .card:hover{border-color:#8bafc7;background:#f1f6f9;transform:none}
.moon-theme .hub-grid .card[hidden]{display:none}
.moon-theme .hub-icon{width:44px;height:44px;display:grid;place-items:center;color:var(--moon-accent);background:var(--moon-blue);border-radius:12px;flex-shrink:0}
.moon-theme .hub-icon svg{width:24px;height:24px}
.moon-theme .hub-grid .card h2{font-size:19px;font-weight:600;margin:0 0 8px;line-height:1.4}
.moon-theme .hub-grid .card p{margin:0;padding-right:12px;color:var(--moon-muted);font-size:13px;line-height:1.8;max-width:26em}
.moon-theme .hub-grid .go{display:block;margin-top:12px;font-size:12px;color:var(--moon-accent)}
.moon-theme .hub-footer{border-top:1px solid var(--moon-line);margin-top:32px;padding-top:20px;font-size:12px;color:var(--moon-muted);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.moon-theme #empty{color:var(--moon-muted);padding:24px 0}
@media(max-width:850px){
 .moon-theme .hub-layout{display:block}.moon-theme .hub-sidebar{position:static;height:auto;padding:20px;border-right:0;border-bottom:1px solid var(--moon-line)}.moon-theme .hub-brand small{display:none}.moon-theme .hub-nav{display:flex;overflow:auto;margin-top:18px;gap:6px;scrollbar-width:thin}.moon-theme .hub-nav a{padding:9px 12px;white-space:nowrap;min-height:44px}.moon-theme .hub-nav svg{display:none}.moon-theme .hub-sidebar-note{display:none}.moon-theme .hub-main{padding:18px 22px 32px}.moon-theme .hub-topbar{padding-bottom:15px}.moon-theme .hub-hero{gap:24px;padding:28px 0 32px}.moon-theme .hub-art{min-height:210px}
 .moon-theme[data-moon-site=art] .sidebar nav{display:flex;align-items:center;height:auto;min-height:0;margin-top:14px;padding:0;overflow:auto;gap:6px}
 .moon-theme[data-moon-site=art] .sidebar nav :is(button,a){width:auto;flex:0 0 auto;align-self:center;white-space:nowrap;min-height:44px;padding:9px 12px;font-size:12px}
 .moon-theme[data-moon-site=art] .sidebar nav .count{display:inline;margin-left:5px}
 .moon-theme .sidebar :is(.navlinks,.main-nav){display:flex;align-items:center;overflow:auto;gap:6px;scrollbar-width:thin}
 .moon-theme .sidebar :is(.navlinks a,.main-nav button){flex:0 0 auto;white-space:nowrap;padding:9px 12px;min-height:44px;font-size:12px}
 .moon-theme :is(.sidebar .brand small,.sidebar .side-note){display:none}
}
@media(max-width:580px){
 .moon-theme .hub-hero{grid-template-columns:1fr 34%;gap:18px}.moon-theme .hub-hero h1{font-size:34px;margin-bottom:16px}.moon-theme .hub-hero p{font-size:13px}.moon-theme .hub-art{min-height:190px;border-radius:36px 10px 36px 10px}.moon-theme .hub-art img{width:95%;height:80%;border-width:4px}.moon-theme .hub-art img:first-child{left:0}.moon-theme .hub-art img:nth-child(2){right:-30%;top:28%}.moon-theme .hub-art span{display:none}.moon-theme .hub-section-heading{align-items:stretch;flex-direction:column;gap:14px}.moon-theme .hub-search{max-width:none}.moon-theme .hub-grid{grid-template-columns:1fr;gap:12px}.moon-theme .hub-grid .card{padding:20px;min-height:132px;gap:16px}.moon-theme .hub-grid .card h2{font-size:18px}.moon-theme .hub-footer{margin-top:24px}.moon-theme .hub-topbar{font-size:12px}
 .moon-theme[data-moon-site=art] .hero{height:310px}.moon-theme[data-moon-site=art] .hero-copy h1{font-size:25px}.moon-theme[data-moon-site=art] .hero-copy p{font-size:12px}.moon-theme[data-moon-site=art] .grid{column-gap:12px}.moon-theme[data-moon-site=art] .card-info{padding:12px}.moon-theme[data-moon-site=art] .card h3{font-size:13px}.moon-theme[data-moon-site=art] .hero-stats{font-size:10px}
 .moon-theme[data-moon-site=voices] .hero h1{font-size:34px}.moon-theme[data-moon-site=voices] .hero-art{height:195px}.moon-theme[data-moon-site=voices] .overview{gap:22px}.moon-theme :is(.cards,.media-grid){gap:18px}.moon-theme :is(input[type=search],input[type=text]){font-size:16px!important}.moon-theme .fav{min-width:44px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.moon-theme *,.moon-theme *::before,.moon-theme *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}