@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&family=Noto+Sans+SC:wght@300;400;500;600;700&display=swap";:root{--font-serif: "Noto Serif SC", serif;--font-sans: "Noto Sans SC", sans-serif;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 26px;--text-3xl: 32px;--leading-tight: 1.4;--leading-normal: 1.6;--leading-loose: 2;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold:600;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--content-max-width: 680px;--content-padding-x: var(--space-4);--card-padding-x: var(--space-8);--card-padding-y: var(--space-12);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full:9999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.08);--ease-base: .2s ease;--ease-slow: .3s ease;--ease-spring: .25s cubic-bezier(.34, 1.56, .64, 1);--z-base: 1;--z-card: 10;--z-nav: 100;--z-modal: 200;--z-toast: 300;--bg-primary: #FAF8F5;--bg-secondary: #F0ECE6;--bg-card: #FFFFFF;--bg-card-hover:#fdfcf9;--text-primary: #2D3436;--text-secondary:#636E72;--text-muted: #B2BEC3;--accent: #5a5550;--accent-rgb: 90,85,80;--accent-light: #7a7570;--accent-dark: #3a3530;--accent-soft: rgba(var(--accent-rgb), .08);--accent-xi: #5878a8;--accent-xi-rgb:88,120,168;--border: #E0DCD6;--border-light: #EDE9E4;--border-hover: #d0ccc4;--tag-bg: #f0ece3;--tag-text: #7a7570;--tag-bg-xi: #e8f0f8;--tag-text-xi: #5878a8;--quote-bg: transparent;--quote-border: #d5d0c5;--footer-border:#e8e4db;--switcher-bg: rgba(0,0,0,.03);--switcher-border:#e4e0d8;--icon-book-bg: #f0ebe0;--icon-xi-bg: #e8f0f8;--particle-color: var(--accent-rgb);--color-success: #00B894;--color-warning: #FDCB6E;--color-error: #D63031;--color-info: #0984E3}@media (min-width: 768px){:root{--content-padding-x: var(--space-8)}}@media (min-width: 1024px){:root{--content-padding-x: var(--space-10);--card-padding-x: var(--space-10);--card-padding-y: var(--space-16)}}[data-theme=dark]{--bg-primary: #1A1A2E;--bg-secondary: #16213E;--bg-card: #0F3460;--bg-card-hover:rgba(201,168,76,.1);--text-primary: #E0E0E0;--text-secondary:#A0A0B0;--text-muted: #606070;--accent: #c9a84c;--accent-rgb: 201,168,76;--accent-light: #e0c87c;--accent-dark: #b8943c;--accent-soft: rgba(var(--accent-rgb), .15);--accent-xi: #a082c8;--accent-xi-rgb:160,130,200;--border: #2D2D4E;--border-light: #252545;--border-hover: rgba(var(--accent-rgb), .3);--tag-bg: rgba(var(--accent-rgb), .08);--tag-text: var(--accent);--tag-bg-xi: rgba(var(--accent-xi-rgb), .08);--tag-text-xi: var(--accent-xi);--quote-bg: rgba(var(--accent-rgb), .03);--quote-border: rgba(var(--accent-rgb), .25);--footer-border:rgba(var(--accent-rgb), .1);--switcher-bg: rgba(var(--accent-rgb), .08);--switcher-border:rgba(var(--accent-rgb), .2);--icon-book-bg: rgba(var(--accent-rgb), .1);--icon-xi-bg: rgba(var(--accent-xi-rgb), .1);--particle-color: var(--accent-rgb)}[data-theme=star]{--bg-primary: #0D1117;--bg-secondary: #161B22;--bg-card: #21262D;--bg-card-hover:rgba(99,144,255,.08);--text-primary: #E6EDF3;--text-secondary:#8B949E;--text-muted: #484F58;--accent: #6390ff;--accent-rgb: 99,144,255;--accent-light: #79C0FF;--accent-dark: #388BFD;--accent-soft: rgba(var(--accent-rgb), .1);--accent-xi: #8264ff;--accent-xi-rgb:130,100,255;--border: #30363D;--border-light: #21262D;--border-hover: rgba(var(--accent-rgb), .25);--tag-bg: rgba(var(--accent-rgb), .08);--tag-text: var(--accent);--tag-bg-xi: rgba(var(--accent-xi-rgb), .08);--tag-text-xi: var(--accent-xi);--quote-bg: rgba(var(--accent-rgb), .02);--quote-border: rgba(var(--accent-rgb), .2);--footer-border:rgba(var(--accent-rgb), .08);--switcher-bg: rgba(var(--accent-rgb), .06);--switcher-border:rgba(var(--accent-rgb), .15);--icon-book-bg: rgba(var(--accent-rgb), .08);--icon-xi-bg: rgba(var(--accent-xi-rgb), .08);--particle-color: var(--accent-rgb)}[data-theme=festival-spring]{--bg-primary: #FFF9F0;--bg-secondary: #FFEEDD;--bg-card: #FFFFFF;--text-primary: #3D1A00;--text-secondary:#7A4000;--accent: #E63946;--border: #F5C6A0}:root{--page-max-width: 900px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-6);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--ease-base),color var(--ease-base)}.page-container{max-width:1100px;margin:0 auto;padding:0 var(--content-padding-x)}.navbar{height:56px;display:flex;align-items:center;padding:0 var(--content-padding-x);background:transparent;border-bottom:none;position:sticky;top:0;z-index:var(--z-nav);max-width:var(--page-max-width);margin:0 auto}.navbar-container{width:100%;max-width:var(--page-max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-primary);font-family:var(--font-serif);text-decoration:none}.navbar-logo:hover{color:var(--accent)}.navbar-menu{display:flex;align-items:center;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);cursor:pointer;border:none;transition:opacity var(--ease-base),background var(--ease-base);text-decoration:none}.btn-primary{background:var(--accent);color:var(--bg-card)}.btn-primary:hover{opacity:.88}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-hover)}.btn-outline{background-color:transparent;color:var(--text-primary);border-color:var(--border)}.btn-outline:hover{background-color:var(--bg-secondary);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-secondary)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);transition:box-shadow var(--ease-base),border-color var(--ease-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.card-header{margin-bottom:var(--space-4)}.card-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.card-subtitle{font-size:var(--text-sm);color:var(--text-secondary)}.card-body{color:var(--text-primary)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.home-hero{text-align:center;padding:var(--space-16) var(--content-padding-x);max-width:var(--page-max-width);margin:0 auto}.home-hero-title{font-family:var(--font-serif);font-size:56px;font-weight:var(--weight-bold);color:var(--text-primary);letter-spacing:.08em;margin-bottom:var(--space-3)}.home-hero-subtitle{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-secondary);letter-spacing:.04em}.home-hero-en{font-size:var(--text-sm);color:var(--text-muted);letter-spacing:.06em;margin-top:var(--space-1)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);width:100%;margin:0 auto var(--space-10);padding:0 var(--content-padding-x);align-items:stretch}@media (max-width: 640px){.product-grid{grid-template-columns:1fr}.home-hero-title{font-size:40px}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}@media (max-width: 1024px){.navbar-container{padding:0 var(--space-3)}.card{padding:var(--space-4)}}@media (max-width: 640px){.navbar-menu{gap:var(--space-2)}.btn{padding:var(--space-2) var(--space-3)}.card{padding:var(--space-3);border-radius:var(--radius-md)}}