:root{--color-bg: #faf6ee;--color-bg-secondary: #f3ecdd;--color-bg-sunken: #ece2cd;--color-primary: #315a78;--color-primary-dark: #24445d;--color-primary-light: #547e9a;--color-primary-soft: #e3ebf0;--color-accent-strong: #c2401c;--color-accent-soft: #fbe9e0;--color-accent-border: #eac3ae;--color-text: #2b2620;--color-text-secondary: #7a7060;--color-border: #e0d6c2;--color-success: #35803f;--color-warning: #b97a12;--color-error: #bb3a2a;--font-family-serif: "Noto Serif SC", "Songti SC", "SimSun", serif;--font-family-sans: "Noto Sans SC", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 14px;--shadow-sm: 0 1px 2px rgba(58, 46, 26, .06);--shadow-md: 0 4px 10px -2px rgba(58, 46, 26, .1), 0 2px 4px -1px rgba(58, 46, 26, .06);--shadow-lg: 0 12px 24px -6px rgba(58, 46, 26, .14), 0 4px 8px -2px rgba(58, 46, 26, .08);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}@media(prefers-color-scheme:dark){:root{--color-bg: #201d18;--color-bg-secondary: #2a2620;--color-bg-sunken: #171512;--color-primary: #8db8d2;--color-primary-dark: #b0d1e4;--color-primary-light: #719db8;--color-primary-soft: #26343d;--color-accent-strong: #e8825f;--color-accent-soft: #3d2a22;--color-accent-border: #5c3c2e;--color-text: #f0e9dd;--color-text-secondary: #a89c8a;--color-border: #453f35;--color-success: #7bc984;--color-warning: #d9a441;--color-error: #e07862;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 4px 10px -2px rgba(0, 0, 0, .45), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, .5), 0 4px 8px -2px rgba(0, 0, 0, .35)}}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,blockquote,dl,dd{margin:0;padding:0}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{-webkit-appearance:button;-moz-appearance:button;appearance:button}table{border-collapse:collapse;border-spacing:0}html{font-size:16px;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-family-sans);font-size:1rem;line-height:1.65;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-family-serif);letter-spacing:.02em}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark);text-decoration:underline}a:focus-visible,:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}@media(max-width:768px){.container{padding:0 var(--spacing-md)}}.site-header{position:sticky;top:0;z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:.75rem 0}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.site-logo{display:inline-flex;align-items:baseline;gap:var(--spacing-sm);color:var(--color-text)}.site-logo:hover{opacity:.9;color:var(--color-text);text-decoration:none}.logo-icon{font-size:1.5rem;line-height:1}.logo-text{font-family:var(--font-family-serif);font-size:1.3rem;font-weight:700;color:var(--color-primary);letter-spacing:.04em}.logo-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin-left:var(--spacing-xs)}@media(max-width:768px){.site-header .container{flex-direction:row;padding:var(--spacing-sm) var(--spacing-md)}.logo-subtitle{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;color:var(--color-text);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--transition-base),border-color var(--transition-base),color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-fast)}.btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-text-secondary);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{color:#faf6ee;background-color:var(--color-primary);border-color:var(--color-primary)}.btn--primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#faf6ee}.btn--success{color:#faf6ee;background-color:var(--color-success);border-color:var(--color-success)}.btn--success:hover{filter:brightness(.92)}.card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg)}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%,-20px);background:#2b2620eb;color:#faf6ee;padding:12px 24px;border-radius:var(--radius-lg);font-size:.9rem;z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base);max-width:90vw;text-align:center}.toast--show{opacity:1;transform:translate(-50%)}.main{flex:1;width:100%;max-width:680px;margin:0 auto;padding:0 var(--spacing-md);display:flex;flex-direction:column}.page-title{font-family:var(--font-family-serif);color:var(--color-text);text-align:center;font-size:2.1rem;line-height:1.25;margin:.15rem 0 .25rem}.home-heading{margin:var(--spacing-xl) 0 var(--spacing-lg);text-align:center}.home-heading>span{display:inline-block;color:var(--color-accent-strong);font-size:.78rem;font-weight:700;letter-spacing:.22em}.home-heading>span:before,.home-heading>span:after{content:"·";margin:0 .5em;color:var(--color-accent-border)}.home-heading p{color:var(--color-text-secondary);font-size:.92rem}.result-card{text-align:center;font-size:1.1rem;margin-bottom:var(--spacing-md);padding-block:var(--spacing-xl);position:relative}.result-card:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px dashed var(--color-accent-border);border-radius:calc(var(--radius-lg) - 6px);pointer-events:none}.window-name{color:var(--color-primary);font-family:var(--font-family-serif);font-size:1.55rem;margin:var(--spacing-sm) 0;font-weight:700}.window-info{color:var(--color-text-secondary);font-size:.9rem;margin-top:var(--spacing-sm)}.filter-panel{display:grid;gap:var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-bg-secondary)}.filter-group{display:grid;grid-template-columns:3.5rem 1fr;align-items:center;gap:var(--spacing-sm)}.filter-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:700}.filter-options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.chip{padding:.35rem .85rem;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:999px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.chip:hover{color:var(--color-primary);border-color:var(--color-primary-light)}.chip[aria-pressed=true]{color:#faf6ee;background:var(--color-primary);border-color:var(--color-primary);font-weight:600}.button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.button-grid .btn{min-height:3.25rem;padding:var(--spacing-md);font-size:1rem;font-weight:700;box-shadow:var(--shadow-sm)}@media(max-width:480px){.filter-group{grid-template-columns:1fr;gap:var(--spacing-xs)}.button-grid{grid-template-columns:1fr}}.site-footer{margin-top:auto;padding:var(--spacing-md) 0 var(--spacing-xl);display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.footer-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:8px 16px;border-radius:999px;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-primary);font-size:.88rem;transition:all var(--transition-base)}.footer-link:hover{background:var(--color-primary-soft);border-color:var(--color-primary-light);color:var(--color-primary-dark);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.link-icon{width:18px;height:18px;fill:currentColor;transition:transform var(--transition-base)}.footer-link:hover .link-icon{transform:scale(1.15)}.version-info{width:100%;text-align:center;color:var(--color-text-secondary);font-size:.8em;line-height:1.4;padding-bottom:var(--spacing-md)}.page{flex:1;width:100%;max-width:880px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.page h1{font-family:var(--font-family-serif);color:var(--color-text);font-size:1.9rem;text-align:center;margin-bottom:var(--spacing-lg)}@media(max-width:768px){.page{padding:var(--spacing-lg) var(--spacing-md)}.page h1{font-size:1.55rem}}.site-logo[data-v-c9523e04]{display:inline-flex;align-items:center;gap:.55rem;color:var(--color-text);text-decoration:none}.logo-icon[data-v-c9523e04]{font-size:1.5rem;line-height:1}.logo-text[data-v-c9523e04]{font-family:var(--font-family-serif);font-size:1.2rem;font-weight:700;color:var(--color-primary);letter-spacing:.04em}.logo-stamp[data-v-c9523e04]{display:inline-block;padding:.15rem .5rem;color:#faf6ee;background:var(--color-accent-strong);border-radius:6px;font-family:var(--font-family-serif);font-size:.8rem;font-weight:700;letter-spacing:.1em;transform:rotate(-3deg)}