:root{--accent-1: #5B6B58;--accent-2: #7D8A7A;--accent-3: #C4A484;--accent-gradient: linear-gradient(135deg, var(--accent-1), var(--accent-2));--bg: #F7F5F2;--bg-soft: rgba(247, 245, 242, .82);--bg-muted: #EFEDE9;--card: #FFFFFF;--card-solid: #FFFFFF;--text: #1C1C1C;--text-2: #5A5856;--text-3: #9A9894;--border: rgba(28, 28, 28, .08);--border-strong: rgba(28, 28, 28, .16);--shadow-sm: 0 1px 2px rgba(28, 28, 28, .04);--shadow: 0 4px 20px rgba(28, 28, 28, .08);--shadow-hover: 0 12px 32px rgba(28, 28, 28, .12);--shadow-featured: 0 0 0 1px rgba(91, 107, 88, .18), 0 12px 32px rgba(91, 107, 88, .12);--color-success: #4A7C59;--color-warning: #B8860B;--color-warning-text: #9A6B12;--color-danger: #B54242;--color-info: var(--accent-3);--container-max: 1200px;--container-narrow: 720px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-full: 999px;--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;--space-20: 80px;--space-24: 96px;--font-sans: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Noto Serif SC", "Songti SC", "SimSun", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 15px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--fs-3xl: 36px;--fs-4xl: 48px;--fs-5xl: 64px;--lh-tight: 1.15;--lh-snug: 1.35;--lh-normal: 1.55;--lh-relaxed: 1.65;--tracking-tight: -.03em;--tracking-tight-sm: -.01em;--tracking-wide: .04em;--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-xslow: .6s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);color-scheme:light}[data-theme=dark]{--bg: #1A1A1A;--bg-soft: rgba(26, 26, 26, .82);--bg-muted: #252525;--card: rgba(255, 255, 255, .04);--card-solid: #242424;--text: #F0EFED;--text-2: #A8A6A2;--text-3: #6E6C68;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-hover: 0 12px 32px rgba(0, 0, 0, .4);--shadow-featured: 0 0 0 1px rgba(125, 138, 122, .28), 0 12px 32px rgba(0, 0, 0, .35);--color-warning-text: #D4A843;color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-relaxed);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}::selection{background:var(--accent-1);color:#fff}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img,svg,video{display:block;max-width:100%}:focus-visible{outline:2px solid color-mix(in srgb,var(--accent-1) 55%,transparent);outline-offset:3px;border-radius:var(--radius-sm)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-5)}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--bg-soft);border-bottom:1px solid var(--border);transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.header-inner{max-width:var(--container-max);margin:0 auto;padding:var(--space-4) var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.brand{display:flex;align-items:center;gap:var(--space-3)}.brand-logo{display:flex;filter:drop-shadow(0 2px 6px rgba(91,107,88,.22));transition:filter var(--duration-base) var(--ease-out)}.brand:hover .brand-logo{filter:drop-shadow(0 3px 10px rgba(91,107,88,.32))}.brand-text{display:flex;flex-direction:column;line-height:1.3}.brand-name{font-weight:700;font-size:var(--fs-md);letter-spacing:var(--tracking-tight-sm);color:var(--text)}.brand-slogan{font-size:var(--fs-xs);color:var(--text-2);letter-spacing:.02em}.nav{display:flex;align-items:center;gap:var(--space-6)}.nav a{position:relative;font-size:var(--fs-sm);font-weight:500;color:var(--text-2);padding:var(--space-1) 0;transition:color var(--duration-fast) var(--ease-out)}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1.5px;border-radius:1px;background:var(--text);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-base) var(--ease-out)}.nav a:hover{color:var(--text)}.nav a:hover:after{transform:scaleX(1)}.nav a.active{color:var(--text)}.nav a.active:after{transform:scaleX(1)}.theme-toggle{background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-full);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-2);transition:all var(--duration-fast) var(--ease-out)}.theme-toggle:hover{border-color:var(--text);color:var(--text)}.nav-dropdown{position:relative}.nav-dropdown .dropdown-arrow{font-size:10px;margin-left:2px;transition:transform var(--duration-fast) var(--ease-out)}.nav-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(4px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:var(--space-2) 0;min-width:160px;opacity:0;visibility:hidden;transition:opacity var(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);z-index:100}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(6px)}.nav-dropdown-menu a{display:block;padding:var(--space-2) var(--space-4);font-size:var(--fs-sm);font-weight:400;color:var(--text-2);white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav-dropdown-menu a:after{display:none}.nav-dropdown-menu a:hover{background:var(--bg-muted);color:var(--text)}.nav-dropdown-menu .dropdown-all{font-weight:600;color:var(--text)}.nav-dropdown-menu .dropdown-divider{height:1px;background:var(--border);margin:var(--space-1) var(--space-3)}.hero{text-align:center;padding:var(--space-24) 0 var(--space-16)}.hero h1{font-size:clamp(40px,6vw,var(--fs-5xl));font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--lh-tight);color:var(--text)}.hero .grad{font-style:italic;font-family:var(--font-serif);font-weight:500;color:var(--accent-1)}.hero p{margin-top:var(--space-5);color:var(--text-2);font-size:var(--fs-lg);line-height:var(--lh-snug);max-width:560px;margin-left:auto;margin-right:auto}.hero-subtitle{font-family:var(--font-serif);font-style:italic;font-size:var(--fs-xl);color:var(--text-2);letter-spacing:.01em}.hero-stats{display:flex;justify-content:center;gap:var(--space-10);margin-top:var(--space-8);flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.hero-stat-value{font-size:var(--fs-3xl);font-weight:700;color:var(--text);line-height:1}.hero-stat-label{font-size:var(--fs-xs);color:var(--text-3);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase}.hero-image{position:relative;min-height:78vh;display:flex;align-items:center;justify-content:center;padding:var(--space-16) var(--space-5);width:100vw;margin-left:calc(-50vw + 50%);overflow:hidden}.hero-image__bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0}.hero-image__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(247,245,242,.55) 0%,rgba(247,245,242,.72) 60%,var(--bg) 100%);z-index:1}[data-theme=dark] .hero-image__overlay{background:linear-gradient(to bottom,rgba(26,26,26,.45) 0%,rgba(26,26,26,.7) 60%,var(--bg) 100%)}.hero-image__content{position:relative;z-index:2;max-width:800px;text-align:center}.hero-image__content h1{font-size:clamp(44px,7vw,var(--fs-5xl));font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--lh-tight)}.hero-image__content .hero-subtitle{font-size:clamp(var(--fs-lg),2.5vw,var(--fs-2xl));margin-top:var(--space-5);display:block}.hero-image__actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap}.section{padding:var(--space-16) 0}.section-title{font-size:var(--fs-2xl);font-weight:700;letter-spacing:var(--tracking-tight-sm);margin-bottom:var(--space-6);color:var(--text)}.section-title em,.section-title i{font-family:var(--font-serif);font-weight:500;font-style:italic;color:var(--accent-1)}.section-lead{font-size:var(--fs-md);color:var(--text-2);max-width:640px;margin-bottom:var(--space-8);line-height:var(--lh-normal)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);display:flex;flex-direction:column;gap:var(--space-3)}.card:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:transparent;transition:background var(--duration-base) var(--ease-out)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--border-strong)}.card:hover:before{background:var(--accent-1)}.card-featured{border-color:color-mix(in srgb,var(--accent-1) 20%,var(--border));box-shadow:var(--shadow-featured)}.card-featured:before{background:var(--accent-1)}.card-featured:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent-1) 30%,transparent),0 16px 40px #5b6b5829}.card-title{font-size:var(--fs-md);font-weight:700;line-height:var(--lh-snug)}.card-title a{transition:color var(--duration-fast) var(--ease-out)}.card-title a:hover{color:var(--accent-1)}.card-meta{font-size:var(--fs-xs);color:var(--text-2);display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:center}.card-meta .sep{width:3px;height:3px;border-radius:50%;background:var(--text-3);display:inline-block}.card-desc{font-size:var(--fs-sm);color:var(--text-2);line-height:var(--lh-normal);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border)}.card-link{font-size:var(--fs-sm);font-weight:600;color:var(--accent-1);display:inline-flex;align-items:center;gap:var(--space-1);transition:gap var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.card-link:hover{gap:var(--space-2);color:var(--accent-2)}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:500;letter-spacing:.03em;background:color-mix(in srgb,var(--accent-1) 10%,transparent);color:var(--accent-1);border:1px solid color-mix(in srgb,var(--accent-1) 22%,transparent);line-height:1.4}.pill-gray{background:transparent;border:1px solid var(--border-strong);color:var(--text-2)}.pill-warn{background:color-mix(in srgb,var(--color-warning) 10%,transparent);border-color:color-mix(in srgb,var(--color-warning) 30%,transparent);color:var(--color-warning-text)}.pill-success{background:color-mix(in srgb,var(--color-success) 10%,transparent);border-color:color-mix(in srgb,var(--color-success) 30%,transparent);color:var(--color-success)}.cat-list{display:flex;flex-wrap:wrap;gap:var(--space-3)}.cat-link{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);background:var(--card);border:1px solid var(--border);font-size:var(--fs-md);font-weight:500;color:var(--text);transition:all var(--duration-fast) var(--ease-out)}.cat-link:hover{border-color:var(--text);color:var(--text);background:var(--bg-muted)}.search-wrap{margin:0 0 var(--space-6)}.search-input{width:100%;padding:var(--space-4) var(--space-5);padding-left:48px;font-size:var(--fs-md);border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--card);color:var(--text);outline:none;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);font-family:inherit}.search-input::placeholder{color:var(--text-3)}.search-input:focus{border-color:var(--accent-1);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-1) 10%,transparent)}.search-results-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-size:var(--fs-sm);color:var(--text-2)}.search-results-meta strong{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);border:1.5px solid transparent;background:var(--text);color:var(--bg);font-size:var(--fs-sm);font-weight:600;font-family:inherit;line-height:1;cursor:pointer;position:relative;overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);text-decoration:none;letter-spacing:.01em}.btn:hover{transform:translateY(-1px);background:var(--text-2);box-shadow:var(--shadow)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover{background:var(--card);border-color:var(--text);color:var(--text)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover{color:var(--text);background:var(--bg-muted);box-shadow:none}.btn-accent{background:var(--accent-1);color:#fff}.btn-accent:hover{background:var(--accent-2)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--fs-xs)}.form-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow);max-width:680px;margin:0 auto}.form-row{margin-bottom:var(--space-5)}.form-row label{display:block;font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--space-2);color:var(--text)}.form-row input,.form-row textarea,.form-row select{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--fs-sm);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--card-solid);color:var(--text);outline:none;font-family:inherit;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:var(--accent-1);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-1) 10%,transparent)}.form-row textarea{resize:vertical;min-height:120px;line-height:var(--lh-relaxed)}.form-hint{font-size:var(--fs-xs);color:var(--text-3);margin-top:var(--space-2)}.prose{max-width:var(--container-narrow)}.prose h2{font-size:var(--fs-2xl);letter-spacing:var(--tracking-tight-sm);margin:var(--space-10) 0 var(--space-4);font-weight:700;line-height:var(--lh-tight)}.prose h3{font-size:var(--fs-lg);letter-spacing:var(--tracking-tight-sm);margin:var(--space-8) 0 var(--space-3);font-weight:700;line-height:var(--lh-snug)}.prose p{margin:var(--space-4) 0;line-height:var(--lh-relaxed)}.prose ul,.prose ol{margin:var(--space-4) 0;padding-left:var(--space-6)}.prose li{margin:var(--space-2) 0;line-height:var(--lh-relaxed)}.prose pre{background:var(--card-solid);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;font-size:var(--fs-sm);line-height:1.55;margin:var(--space-5) 0}.prose code{font-family:var(--font-mono);font-size:.9em}.prose :not(pre)>code{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 6px}.prose blockquote{border-left:2px solid var(--accent-1);padding:var(--space-3) var(--space-4);margin:var(--space-5) 0;color:var(--text-2);background:var(--card);border-radius:0 var(--radius-md) var(--radius-md) 0}.prose img{max-width:100%;border-radius:var(--radius-md);margin:var(--space-5) 0}.prose a{color:var(--accent-1);text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-out)}.prose a:hover{color:var(--accent-2)}.prose hr{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0}.meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3);margin:var(--space-5) 0}.meta-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:border-color var(--duration-fast) var(--ease-out)}.meta-item:hover{border-color:var(--border-strong)}.meta-item .k{font-size:var(--fs-xs);color:var(--text-2);letter-spacing:var(--tracking-wide)}.meta-item .v{font-size:var(--fs-sm);font-weight:600;margin-top:var(--space-1);word-break:break-all}.notice{background:color-mix(in srgb,var(--accent-3) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-3) 25%,transparent);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);font-size:var(--fs-sm);margin:var(--space-5) 0;line-height:var(--lh-relaxed)}.notice-warn{background:color-mix(in srgb,var(--color-warning) 10%,transparent);border-color:color-mix(in srgb,var(--color-warning) 25%,transparent)}.notice-success{background:color-mix(in srgb,var(--color-success) 10%,transparent);border-color:color-mix(in srgb,var(--color-success) 25%,transparent)}.site-footer{margin-top:var(--space-24);padding:var(--space-10) 0;border-top:1px solid var(--border);text-align:center;color:var(--text-2);font-size:var(--fs-sm)}.site-footer p{margin:var(--space-1) 0}.site-footer a{color:var(--text);text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-fast) var(--ease-out)}.site-footer a:hover{color:var(--accent-1)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in var(--duration-base) var(--ease-out) both}.fade-in-up{animation:fade-in-up var(--duration-slow) var(--ease-out) both}.fade-in-up-delay-1{animation-delay:80ms}.fade-in-up-delay-2{animation-delay:.16s}.fade-in-up-delay-3{animation-delay:.24s}.fade-in-up-delay-4{animation-delay:.32s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:1024px){.hero{padding:var(--space-20) 0 var(--space-12)}.hero-image{min-height:70vh}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.section{padding:var(--space-12) 0}}@media(max-width:768px){.header-inner{padding:var(--space-3) var(--space-4)}.nav{gap:var(--space-4)}.nav a{font-size:var(--fs-xs)}.hero{padding:var(--space-16) 0 var(--space-10)}.hero-stats{gap:var(--space-7)}.hero-image{padding:var(--space-12) var(--space-4)}.hero-image__actions{margin-top:var(--space-6)}.section{padding:var(--space-10) 0}.grid{grid-template-columns:1fr}.card{padding:var(--space-5)}.form-card{padding:var(--space-5);margin:0 var(--space-3)}}@media(max-width:480px){.nav{gap:var(--space-3)}.nav a{font-size:12px}.brand-slogan{display:none}.hero h1{letter-spacing:-.02em}.container{padding:0 var(--space-4)}.hero-image__actions .btn,.hero-image__actions .btn-secondary{width:100%}}.text-center{text-align:center}.text-left{text-align:left}.mt-auto{margin-top:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}