.theme-control{display:flex;align-items:center;gap:12px;margin:-3px 0 16px;min-width:0}.theme-control label{margin:0;font-size:11px;letter-spacing:2px;white-space:nowrap;color:var(--muted)}.theme-control select{margin-left:auto;min-width:0;max-width:70%;min-height:36px;padding:6px 30px 6px 12px;border-radius:20px;font-size:12px;background:transparent}
body[data-theme]:not([data-theme="classic"]){background:var(--holiday-paper);color:var(--holiday-ink);--green:var(--holiday-accent);--paper:var(--holiday-paper);--ink:var(--holiday-ink);--accent:var(--holiday-accent);--line:#dedbd3;--muted:#79766f;isolation:isolate}
body[data-theme]:not([data-theme="classic"]):before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.19;background-image:radial-gradient(circle at 12% 12%,var(--holiday-accent) 0 1px,transparent 1.5px),radial-gradient(circle at 86% 78%,var(--holiday-accent) 0 1px,transparent 1.5px);background-size:42px 42px,58px 58px}
body[data-theme]:not([data-theme="classic"]):after{content:"";position:fixed;top:0;left:0;right:0;height:4px;z-index:8;pointer-events:none;background:linear-gradient(90deg,transparent,var(--holiday-accent),transparent);opacity:.72}
body[data-theme]:not([data-theme="classic"]) header,body[data-theme]:not([data-theme="classic"]) .filters{background:var(--holiday-paper)}
body[data-theme]:not([data-theme="classic"]) .hero{background-color:var(--holiday-hero);background-position:right 8px center;background-size:42% auto;background-repeat:no-repeat;min-height:202px;border-radius:22px;padding:25px;box-shadow:inset 0 0 0 1px #ffffff70}
body[data-theme]:not([data-theme="classic"]) .hero>div:first-child{max-width:67%;z-index:1}
body[data-theme]:not([data-theme="classic"]) header{border-bottom:1px solid color-mix(in srgb,var(--holiday-accent) 18%,transparent);padding-bottom:14px}
body[data-theme]:not([data-theme="classic"]) header:after{content:"✦";position:absolute;right:78px;top:20px;color:var(--holiday-accent);opacity:.38;font-size:13px}
body[data-theme]:not([data-theme="classic"]) .brand-icon{box-shadow:0 5px 18px color-mix(in srgb,var(--holiday-accent) 22%,transparent);border:1px solid color-mix(in srgb,var(--holiday-accent) 25%,transparent)}
body[data-theme]:not([data-theme="classic"]) .hero h2{font-family:"Noto Serif TC","Songti TC",serif;color:var(--holiday-ink);font-size:24px;line-height:1.6;letter-spacing:1px;font-weight:500}
body[data-theme]:not([data-theme="classic"]) .hero p{color:var(--holiday-ink);opacity:.8;font-size:12px;max-width:240px;line-height:1.9}
body[data-theme]:not([data-theme="classic"]) .hero .eyebrow{color:var(--holiday-accent);font-size:8px;letter-spacing:1.6px;line-height:1.8}
body[data-theme]:not([data-theme="classic"]) .hero-art{display:none}
body[data-theme]:not([data-theme="classic"]) .primary,body[data-theme]:not([data-theme="classic"]) .chip.active{background:var(--holiday-accent);border-color:var(--holiday-accent);color:#fff}
body[data-theme]:not([data-theme="classic"]) .primary:hover{filter:brightness(.9)}
body[data-theme]:not([data-theme="classic"]) .brand-icon,body[data-theme]:not([data-theme="classic"]) nav button.active,body[data-theme]:not([data-theme="classic"]) .avatar,body[data-theme]:not([data-theme="classic"]) .badge,body[data-theme]:not([data-theme="classic"]) .tag{background:var(--holiday-hero);color:var(--holiday-accent)}
body[data-theme]:not([data-theme="classic"]) .card{border-radius:16px;border-top:2px solid var(--holiday-accent);background:#fffefa}
body[data-theme]:not([data-theme="classic"]) .card,body[data-theme]:not([data-theme="classic"]) .row{position:relative;overflow:hidden}
body[data-theme]:not([data-theme="classic"]) .card:after,body[data-theme]:not([data-theme="classic"]) .row:after{content:"";position:absolute;right:-18px;bottom:-25px;width:74px;height:74px;border-radius:50%;border:1px solid color-mix(in srgb,var(--holiday-accent) 18%,transparent);opacity:.55;pointer-events:none}
body[data-theme]:not([data-theme="classic"]) .stat{background:#fffefa;box-shadow:0 3px 12px #44352304}
body[data-theme]:not([data-theme="classic"]) .stat{border-color:color-mix(in srgb,var(--holiday-accent) 18%,#dedbd3)}
body[data-theme]:not([data-theme="classic"]) .experience-switch{background:#ffffff60}
body[data-theme]:not([data-theme="classic"]) .record-tabs button.active{color:var(--holiday-accent);border-color:var(--holiday-accent)}
body[data-theme]:not([data-theme="classic"]) input:focus,body[data-theme]:not([data-theme="classic"]) select:focus,body[data-theme]:not([data-theme="classic"]) textarea:focus{outline-color:var(--holiday-accent)}
body[data-theme="spring"] .hero{background-image:url('./themes/spring.svg')}
body[data-theme="spring"] .card{box-shadow:3px 3px 0 #e9dbcb}
body[data-theme="spring"] .hero:before{content:"福";position:absolute;right:16px;top:13px;color:#9c4039;border:1px solid #9c403955;padding:3px 5px;font-family:serif;font-size:16px;transform:rotate(5deg);opacity:.78}
body[data-theme="spring"] nav button.active{box-shadow:inset 0 0 0 1px #c99b5b55}
body[data-theme="dragon"] .hero{background-image:url('./themes/dragon.svg')}
body[data-theme="dragon"] .card{border-radius:6px 20px 6px 20px}
body[data-theme="dragon"] .hero{background-image:linear-gradient(125deg,transparent 55%,#ffffff30),url('./themes/dragon.svg')}
body[data-theme="dragon"] .hero:before{content:"端午安康";position:absolute;right:16px;top:14px;color:#326559;font-size:10px;letter-spacing:2px;writing-mode:vertical-rl;opacity:.75}
body[data-theme="moon"] .hero{background-image:url('./themes/moon.svg')}
body[data-theme="moon"] .card{border-top-width:1px;border-left:3px solid #b6a1bd}
body[data-theme="moon"] .hero:before{content:"☾";position:absolute;right:22px;top:12px;font-size:26px;color:#7c5c86;opacity:.45}
body[data-theme="christmas"] .hero{background-image:url('./themes/christmas.svg')}
body[data-theme="christmas"] .card{border-top-color:#b4745c;border-style:solid}
body[data-theme="christmas"] .hero:before{content:"✶";position:absolute;right:19px;top:11px;font-size:22px;color:#b4745c;opacity:.72}
body[data-theme="newyear"] .hero{background-image:url('./themes/newyear.svg');box-shadow:inset 0 0 0 1px #d8c2a080}
body[data-theme="newyear"] .hero h2,body[data-theme="newyear"] .hero p,body[data-theme="newyear"] .hero .eyebrow{color:#f6e4bd!important}
body[data-theme="newyear"] .card{border-top-color:#b9a27c;box-shadow:0 6px 16px #24263d08}
body[data-theme="newyear"] body{background:#f5f3f8}
body[data-theme="newyear"] .hero:before{content:"2026";position:absolute;right:18px;top:13px;letter-spacing:3px;font-size:10px;color:#f6e4bd;opacity:.76}
body[data-theme="newyear"] .avatar,body[data-theme="newyear"] .badge,body[data-theme="newyear"] .tag,body[data-theme="newyear"] nav button.active{background:#e8e2ed!important;color:#5c536f!important}
@media(max-width:760px){body[data-theme]:not([data-theme="classic"]) .hero{padding:21px;min-height:195px;background-size:40% auto;background-position:right -5px center}body[data-theme]:not([data-theme="classic"]) .hero h2{font-size:21px}body[data-theme]:not([data-theme="classic"]) .hero>div:first-child{max-width:68%}.theme-control select{max-width:72%}}
@media(max-width:760px){body[data-theme]:not([data-theme="classic"]) header:after{right:66px;top:18px}body[data-theme]:not([data-theme="classic"]) .card:after,body[data-theme]:not([data-theme="classic"]) .row:after{width:56px;height:56px;right:-16px;bottom:-20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}