:root{--font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--bg-page: #f8f6f0;--bg-card: #ffffff;--bg-glass: rgba(248, 246, 240, 0.88);--bg-hero: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(240, 245, 241, 0.95) 100%);--bg-radial-1: rgba(61, 114, 87, 0.08);--bg-radial-2: rgba(46, 82, 102, 0.08);--bg-radial-3: rgba(248, 246, 240, 0.6);--text-main: #2b303a;--text-muted: #5e6676;--text-light: #8e95a5;--text-body: #333a42;--text-quote: #4f5866;--primary-accent: #2e5d4b;--primary-hover: #24493a;--primary-subtle: #e9f0ea;--green-accent: #3d7257;--green-light: #e9f1ec;--green-tint: rgba(61, 114, 87, 0.08);--green-border: rgba(61, 114, 87, 0.35);--green-border-soft: rgba(61, 114, 87, 0.28);--green-border-faint: rgba(61, 114, 87, 0.22);--seal-green: #2e5d4b;--seal-green-subtle: rgba(46, 93, 75, 0.08);--seal-red: #a8383b;--seal-red-subtle: rgba(168, 56, 59, 0.08);--border-color: rgba(43, 48, 58, 0.08);--border-hover: rgba(46, 93, 75, 0.45);--input-bg: rgba(0, 0, 0, 0.03);--input-focus-bg: #ffffff;--card-hover-bg: #ffffff;--cover-bg: #f2efe9;--cover-border: rgba(0, 0, 0, 0.04);--code-inline-bg: rgba(46, 82, 102, 0.08);--nav-active-inset: rgba(46, 82, 102, 0.15);--pagination-active-shadow: rgba(46, 82, 102, 0.3);--shadow-sm: 0 2px 10px rgba(44, 38, 30, 0.04);--shadow-md: 0 10px 30px -5px rgba(44, 38, 30, 0.07), 0 4px 12px -2px rgba(44, 38, 30, 0.03);--shadow-hover: 0 18px 36px -8px rgba(44, 38, 30, 0.12), 0 8px 16px -4px rgba(46, 93, 75, 0.08);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);--transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1)}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-page: #141a18;--bg-card: #1c2421;--bg-glass: rgba(20, 26, 24, 0.86);--bg-hero: linear-gradient(135deg, rgba(28, 36, 33, 0.96) 0%, rgba(20, 26, 24, 0.92) 100%);--bg-radial-1: rgba(95, 196, 148, 0.06);--bg-radial-2: rgba(122, 167, 216, 0.05);--bg-radial-3: rgba(20, 26, 24, 0.7);--text-main: #e4e9e4;--text-muted: #a9b3ad;--text-light: #7f8b85;--text-body: #cfd6d1;--text-quote: #a6b2ac;--primary-accent: #7eb99e;--primary-hover: #94c9b0;--primary-subtle: rgba(126, 185, 158, 0.14);--green-accent: #8abfa9;--green-light: rgba(126, 185, 158, 0.12);--green-tint: rgba(126, 185, 158, 0.1);--green-border: rgba(126, 185, 158, 0.4);--green-border-soft: rgba(126, 185, 158, 0.32);--green-border-faint: rgba(126, 185, 158, 0.26);--seal-green: #7eb99e;--seal-green-subtle: rgba(126, 185, 158, 0.14);--seal-red: #e0706f;--seal-red-subtle: rgba(224, 112, 111, 0.14);--border-color: rgba(228, 233, 228, 0.09);--border-hover: rgba(126, 185, 158, 0.55);--input-bg: rgba(255, 255, 255, 0.05);--input-focus-bg: #1c2421;--card-hover-bg: #202925;--cover-bg: #232b28;--cover-border: rgba(255, 255, 255, 0.06);--code-inline-bg: rgba(126, 185, 158, 0.14);--nav-active-inset: rgba(126, 185, 158, 0.18);--pagination-active-shadow: rgba(126, 185, 158, 0.28);--shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.28);--shadow-md: 0 10px 30px -5px rgba(0, 0, 0, 0.35), 0 4px 12px -2px rgba(0, 0, 0, 0.25);--shadow-hover: 0 18px 36px -8px rgba(0, 0, 0, 0.5), 0 8px 16px -4px rgba(0, 0, 0, 0.3)}:root:not([data-theme=light]) .tag-chip--0{color:#df6262;background:rgba(223,98,98,.16);border-color:rgba(223,98,98,.38)}:root:not([data-theme=light]) .tag-chip--0:hover{background:#df6262;border-color:#df6262;color:#0e1412;box-shadow:0 4px 14px rgba(223,98,98,.35)}:root:not([data-theme=light]) .tag-card--0{border-left-color:rgba(223,98,98,.5)}:root:not([data-theme=light]) .tag-card--0:hover{border-color:rgba(223,98,98,.55);box-shadow:0 10px 24px -8px rgba(223,98,98,.35)}:root:not([data-theme=light]) .tag-card--0:hover .tag-card__name{color:hsl(0,66.1375661376%,70.9411764706%)}:root:not([data-theme=light]) .tag-chip--1{color:#dfc062;background:rgba(223,192,98,.16);border-color:rgba(223,192,98,.38)}:root:not([data-theme=light]) .tag-chip--1:hover{background:#dfc062;border-color:#dfc062;color:#0e1412;box-shadow:0 4px 14px rgba(223,192,98,.35)}:root:not([data-theme=light]) .tag-card--1{border-left-color:rgba(223,192,98,.5)}:root:not([data-theme=light]) .tag-card--1:hover{border-color:rgba(223,192,98,.55);box-shadow:0 10px 24px -8px rgba(223,192,98,.35)}:root:not([data-theme=light]) .tag-card--1:hover .tag-card__name{color:hsl(45.12,66.1375661376%,70.9411764706%)}:root:not([data-theme=light]) .tag-chip--2{color:#a1df62;background:rgba(161,223,98,.16);border-color:rgba(161,223,98,.38)}:root:not([data-theme=light]) .tag-chip--2:hover{background:#a1df62;border-color:#a1df62;color:#0e1412;box-shadow:0 4px 14px rgba(161,223,98,.35)}:root:not([data-theme=light]) .tag-card--2{border-left-color:rgba(161,223,98,.5)}:root:not([data-theme=light]) .tag-card--2:hover{border-color:rgba(161,223,98,.55);box-shadow:0 10px 24px -8px rgba(161,223,98,.35)}:root:not([data-theme=light]) .tag-card--2:hover .tag-card__name{color:hsl(89.76,66.1375661376%,70.9411764706%)}:root:not([data-theme=light]) .tag-chip--3{color:#62df82;background:rgba(98,223,130,.16);border-color:rgba(98,223,130,.38)}:root:not([data-theme=light]) .tag-chip--3:hover{background:#62df82;border-color:#62df82;color:#0e1412;box-shadow:0 4px 14px rgba(98,223,130,.35)}:root:not([data-theme=light]) .tag-card--3{border-left-color:rgba(98,223,130,.5)}:root:not([data-theme=light]) .tag-card--3:hover{border-color:rgba(98,223,130,.55);box-shadow:0 10px 24px -8px rgba(98,223,130,.35)}:root:not([data-theme=light]) .tag-card--3:hover .tag-card__name{color:hsl(135.36,66.1375661376%,70.9411764706%)}:root:not([data-theme=light]) .tag-chip--4{color:#62dfdf;background:rgba(98,223,223,.16);border-color:rgba(98,223,223,.38)}:root:not([data-theme=light]) .tag-chip--4:hover{background:#62dfdf;border-color:#62dfdf;color:#0e1412;box-shadow:0 4px 14px rgba(98,223,223,.35)}:root:not([data-theme=light]) .tag-card--4{border-left-color:rgba(98,223,223,.5)}:root:not([data-theme=light]) .tag-card--4:hover{border-color:rgba(98,223,223,.55);box-shadow:0 10px 24px -8px rgba(98,223,223,.35)}:root:not([data-theme=light]) .tag-card--4:hover .tag-card__name{color:hsl(180,66.1375661376%,70.9411764706%)}:root:not([data-theme=light]) .tag-chip--5{color:#6282df;background:rgba(98,130,223,.16);border-color:rgba(98,130,223,.38)}:root:not([data-theme=light]) .tag-chip--5:hover{background:#6282df;border-color:#6282df;color:#0e1412;box-shadow:0 4px 14px rgba(98,130,223,.35)}:root:not([data-theme=light]) .tag-card--5{border-left-color:rgba(98,130,223,.5)}:root:not([data-theme=light]) .tag-card--5:hover{border-color:rgba(98,130,223,.55);box-shadow:0 10px 24px -8px rgba(98,130,223,.35)}:root:not([data-theme=light]) .tag-card--5:hover .tag-card__name{color:hsl(224.64,66.1375661376%,70.9411764706%)}:root:not([data-theme=light]) .tag-chip--6{color:#a162df;background:rgba(161,98,223,.16);border-color:rgba(161,98,223,.38)}:root:not([data-theme=light]) .tag-chip--6:hover{background:#a162df;border-color:#a162df;color:#0e1412;box-shadow:0 4px 14px rgba(161,98,223,.35)}:root:not([data-theme=light]) .tag-card--6{border-left-color:rgba(161,98,223,.5)}:root:not([data-theme=light]) .tag-card--6:hover{border-color:rgba(161,98,223,.55);box-shadow:0 10px 24px -8px rgba(161,98,223,.35)}:root:not([data-theme=light]) .tag-card--6:hover .tag-card__name{color:hsl(270.24,66.1375661376%,70.9411764706%)}:root:not([data-theme=light]) .tag-chip--7{color:#df62c0;background:rgba(223,98,192,.16);border-color:rgba(223,98,192,.38)}:root:not([data-theme=light]) .tag-chip--7:hover{background:#df62c0;border-color:#df62c0;color:#0e1412;box-shadow:0 4px 14px rgba(223,98,192,.35)}:root:not([data-theme=light]) .tag-card--7{border-left-color:rgba(223,98,192,.5)}:root:not([data-theme=light]) .tag-card--7:hover{border-color:rgba(223,98,192,.55);box-shadow:0 10px 24px -8px rgba(223,98,192,.35)}:root:not([data-theme=light]) .tag-card--7:hover .tag-card__name{color:hsl(314.88,66.1375661376%,70.9411764706%)}}:root[data-theme=dark]{--bg-page: #141a18;--bg-card: #1c2421;--bg-glass: rgba(20, 26, 24, 0.86);--bg-hero: linear-gradient(135deg, rgba(28, 36, 33, 0.96) 0%, rgba(20, 26, 24, 0.92) 100%);--bg-radial-1: rgba(95, 196, 148, 0.06);--bg-radial-2: rgba(122, 167, 216, 0.05);--bg-radial-3: rgba(20, 26, 24, 0.7);--text-main: #e4e9e4;--text-muted: #a9b3ad;--text-light: #7f8b85;--text-body: #cfd6d1;--text-quote: #a6b2ac;--primary-accent: #7eb99e;--primary-hover: #94c9b0;--primary-subtle: rgba(126, 185, 158, 0.14);--green-accent: #8abfa9;--green-light: rgba(126, 185, 158, 0.12);--green-tint: rgba(126, 185, 158, 0.1);--green-border: rgba(126, 185, 158, 0.4);--green-border-soft: rgba(126, 185, 158, 0.32);--green-border-faint: rgba(126, 185, 158, 0.26);--seal-green: #7eb99e;--seal-green-subtle: rgba(126, 185, 158, 0.14);--seal-red: #e0706f;--seal-red-subtle: rgba(224, 112, 111, 0.14);--border-color: rgba(228, 233, 228, 0.09);--border-hover: rgba(126, 185, 158, 0.55);--input-bg: rgba(255, 255, 255, 0.05);--input-focus-bg: #1c2421;--card-hover-bg: #202925;--cover-bg: #232b28;--cover-border: rgba(255, 255, 255, 0.06);--code-inline-bg: rgba(126, 185, 158, 0.14);--nav-active-inset: rgba(126, 185, 158, 0.18);--pagination-active-shadow: rgba(126, 185, 158, 0.28);--shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.28);--shadow-md: 0 10px 30px -5px rgba(0, 0, 0, 0.35), 0 4px 12px -2px rgba(0, 0, 0, 0.25);--shadow-hover: 0 18px 36px -8px rgba(0, 0, 0, 0.5), 0 8px 16px -4px rgba(0, 0, 0, 0.3)}:root[data-theme=dark] .tag-chip--0{color:#df6262;background:rgba(223,98,98,.16);border-color:rgba(223,98,98,.38)}:root[data-theme=dark] .tag-chip--0:hover{background:#df6262;border-color:#df6262;color:#0e1412;box-shadow:0 4px 14px rgba(223,98,98,.35)}:root[data-theme=dark] .tag-card--0{border-left-color:rgba(223,98,98,.5)}:root[data-theme=dark] .tag-card--0:hover{border-color:rgba(223,98,98,.55);box-shadow:0 10px 24px -8px rgba(223,98,98,.35)}:root[data-theme=dark] .tag-card--0:hover .tag-card__name{color:hsl(0,66.1375661376%,70.9411764706%)}:root[data-theme=dark] .tag-chip--1{color:#dfc062;background:rgba(223,192,98,.16);border-color:rgba(223,192,98,.38)}:root[data-theme=dark] .tag-chip--1:hover{background:#dfc062;border-color:#dfc062;color:#0e1412;box-shadow:0 4px 14px rgba(223,192,98,.35)}:root[data-theme=dark] .tag-card--1{border-left-color:rgba(223,192,98,.5)}:root[data-theme=dark] .tag-card--1:hover{border-color:rgba(223,192,98,.55);box-shadow:0 10px 24px -8px rgba(223,192,98,.35)}:root[data-theme=dark] .tag-card--1:hover .tag-card__name{color:hsl(45.12,66.1375661376%,70.9411764706%)}:root[data-theme=dark] .tag-chip--2{color:#a1df62;background:rgba(161,223,98,.16);border-color:rgba(161,223,98,.38)}:root[data-theme=dark] .tag-chip--2:hover{background:#a1df62;border-color:#a1df62;color:#0e1412;box-shadow:0 4px 14px rgba(161,223,98,.35)}:root[data-theme=dark] .tag-card--2{border-left-color:rgba(161,223,98,.5)}:root[data-theme=dark] .tag-card--2:hover{border-color:rgba(161,223,98,.55);box-shadow:0 10px 24px -8px rgba(161,223,98,.35)}:root[data-theme=dark] .tag-card--2:hover .tag-card__name{color:hsl(89.76,66.1375661376%,70.9411764706%)}:root[data-theme=dark] .tag-chip--3{color:#62df82;background:rgba(98,223,130,.16);border-color:rgba(98,223,130,.38)}:root[data-theme=dark] .tag-chip--3:hover{background:#62df82;border-color:#62df82;color:#0e1412;box-shadow:0 4px 14px rgba(98,223,130,.35)}:root[data-theme=dark] .tag-card--3{border-left-color:rgba(98,223,130,.5)}:root[data-theme=dark] .tag-card--3:hover{border-color:rgba(98,223,130,.55);box-shadow:0 10px 24px -8px rgba(98,223,130,.35)}:root[data-theme=dark] .tag-card--3:hover .tag-card__name{color:hsl(135.36,66.1375661376%,70.9411764706%)}:root[data-theme=dark] .tag-chip--4{color:#62dfdf;background:rgba(98,223,223,.16);border-color:rgba(98,223,223,.38)}:root[data-theme=dark] .tag-chip--4:hover{background:#62dfdf;border-color:#62dfdf;color:#0e1412;box-shadow:0 4px 14px rgba(98,223,223,.35)}:root[data-theme=dark] .tag-card--4{border-left-color:rgba(98,223,223,.5)}:root[data-theme=dark] .tag-card--4:hover{border-color:rgba(98,223,223,.55);box-shadow:0 10px 24px -8px rgba(98,223,223,.35)}:root[data-theme=dark] .tag-card--4:hover .tag-card__name{color:hsl(180,66.1375661376%,70.9411764706%)}:root[data-theme=dark] .tag-chip--5{color:#6282df;background:rgba(98,130,223,.16);border-color:rgba(98,130,223,.38)}:root[data-theme=dark] .tag-chip--5:hover{background:#6282df;border-color:#6282df;color:#0e1412;box-shadow:0 4px 14px rgba(98,130,223,.35)}:root[data-theme=dark] .tag-card--5{border-left-color:rgba(98,130,223,.5)}:root[data-theme=dark] .tag-card--5:hover{border-color:rgba(98,130,223,.55);box-shadow:0 10px 24px -8px rgba(98,130,223,.35)}:root[data-theme=dark] .tag-card--5:hover .tag-card__name{color:hsl(224.64,66.1375661376%,70.9411764706%)}:root[data-theme=dark] .tag-chip--6{color:#a162df;background:rgba(161,98,223,.16);border-color:rgba(161,98,223,.38)}:root[data-theme=dark] .tag-chip--6:hover{background:#a162df;border-color:#a162df;color:#0e1412;box-shadow:0 4px 14px rgba(161,98,223,.35)}:root[data-theme=dark] .tag-card--6{border-left-color:rgba(161,98,223,.5)}:root[data-theme=dark] .tag-card--6:hover{border-color:rgba(161,98,223,.55);box-shadow:0 10px 24px -8px rgba(161,98,223,.35)}:root[data-theme=dark] .tag-card--6:hover .tag-card__name{color:hsl(270.24,66.1375661376%,70.9411764706%)}:root[data-theme=dark] .tag-chip--7{color:#df62c0;background:rgba(223,98,192,.16);border-color:rgba(223,98,192,.38)}:root[data-theme=dark] .tag-chip--7:hover{background:#df62c0;border-color:#df62c0;color:#0e1412;box-shadow:0 4px 14px rgba(223,98,192,.35)}:root[data-theme=dark] .tag-card--7{border-left-color:rgba(223,98,192,.5)}:root[data-theme=dark] .tag-card--7:hover{border-color:rgba(223,98,192,.55);box-shadow:0 10px 24px -8px rgba(223,98,192,.35)}:root[data-theme=dark] .tag-card--7:hover .tag-card__name{color:hsl(314.88,66.1375661376%,70.9411764706%)}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-page);background-image:radial-gradient(at 0% 0%, var(--bg-radial-1) 0px, transparent 45%),radial-gradient(at 100% 100%, var(--bg-radial-2) 0px, transparent 45%),radial-gradient(at 50% 50%, var(--bg-radial-3) 0px, transparent 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}button,input{font-family:inherit}.site-top-bar{height:3px;width:100%;background:linear-gradient(90deg, var(--seal-green) 0%, var(--green-accent) 50%, var(--primary-accent) 100%)}.container{width:80%;max-width:1380px;margin:0 auto}@media(max-width: 1600px){.container{width:100%;max-width:none;padding:0 1.5rem}}@media(max-width: 768px){.container{width:92%;padding:0}}.site-header{position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);transition:background var(--transition-fast),border-color var(--transition-fast)}.site-header__container{width:80%;max-width:1380px;margin:0 auto;padding:1.1rem 0;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}@media(max-width: 1600px){.site-header__container{width:100%;max-width:none;padding:1.1rem 1.5rem}}@media(max-width: 768px){.site-header__container{width:92%;flex-direction:column;align-items:stretch;gap:.9rem;padding:.9rem 0}}.site-header__branding{display:flex;align-items:center;gap:1.25rem}@media(max-width: 768px){.site-header__branding{justify-content:space-between}}.site-header__logo{display:flex;align-items:center;gap:.75rem;font-family:var(--font-serif);font-weight:700;font-size:1.45rem;letter-spacing:.02em;color:var(--text-main)}.site-header__logo:hover{color:var(--primary-accent)}.site-header__logo:hover .site-header__seal{transform:rotate(-6deg) scale(1.06)}.site-header__seal{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:5px;border:1px solid rgba(255,255,255,.4);box-shadow:0 2px 6px rgba(46,93,75,.25);transition:transform var(--transition-fast);overflow:hidden;user-select:none}.site-header__seal img{display:block;width:100%;height:100%;object-fit:cover}.site-header__slogan{font-family:var(--font-serif);font-size:.88rem;color:var(--text-muted);letter-spacing:.06em;padding-left:1.25rem;border-left:1px solid var(--border-color)}@media(max-width: 960px){.site-header__slogan{display:none}}.site-header__actions{display:flex;align-items:center;gap:1.25rem}@media(max-width: 768px){.site-header__actions{justify-content:space-between;gap:.75rem;flex-wrap:wrap}.site-header__actions>.site-search{flex:1 1 100%;order:-1}}.site-header__nav{display:flex;align-items:center;gap:.5rem}.site-header__nav .nav-link{padding:.45rem 1.1rem;border-radius:20px;font-size:.92rem;font-weight:500;color:var(--text-muted);position:relative;transition:all var(--transition-fast)}.site-header__nav .nav-link:hover{color:var(--primary-accent);background:var(--primary-subtle)}.site-header__nav .nav-link--active{color:var(--primary-accent);font-weight:600;background:var(--primary-subtle);box-shadow:inset 0 0 0 1px var(--nav-active-inset)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid var(--border-color);border-radius:50%;background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-normal),box-shadow var(--transition-fast);flex-shrink:0}.theme-toggle svg{width:18px;height:18px;transition:transform var(--transition-normal)}.theme-toggle:hover{color:var(--primary-accent);border-color:var(--border-hover);background:var(--primary-subtle);box-shadow:0 4px 12px rgba(46,93,75,.14);transform:translateY(-1px)}.theme-toggle:hover svg{transform:rotate(18deg)}.theme-toggle:active{transform:translateY(0) scale(0.95)}.lang-toggle{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 .85rem;border:1px solid var(--border-color);border-radius:20px;background:var(--bg-card);color:var(--text-muted);font-size:.85rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;user-select:none}.lang-toggle:hover{color:var(--primary-accent);border-color:var(--border-hover);background:var(--primary-subtle);box-shadow:0 4px 12px rgba(46,93,75,.14)}.lang-toggle:active{transform:translateY(0) scale(0.95)}.site-search{position:relative;display:flex;align-items:center}.site-search__icon{position:absolute;left:.85rem;width:17px;height:17px;color:var(--text-light);pointer-events:none;transition:color var(--transition-fast)}.site-search__input{width:220px;padding:.45rem 2.2rem .45rem 2.4rem;font-size:.88rem;color:var(--text-main);background:var(--input-bg);border:1px solid var(--border-color);border-radius:20px;outline:none;transition:all var(--transition-normal)}.site-search__input:focus{width:270px;background:var(--input-focus-bg);border-color:var(--green-accent);box-shadow:0 0 0 3px rgba(61,114,87,.15)}.site-search__input:focus+.site-search__icon{color:var(--green-accent)}.site-search__input::placeholder{color:var(--text-light)}@media(max-width: 768px){.site-search__input{width:100%}.site-search__input:focus{width:100%}}.site-search__clear{position:absolute;right:.65rem;background:none;border:none;color:var(--text-light);font-size:1.1rem;cursor:pointer;padding:0;line-height:1}.site-search__clear:hover{color:var(--text-main)}.hero-section{position:relative;margin-bottom:1.8rem;padding:1.4rem 2.5rem;background:var(--bg-hero);border:1px solid var(--green-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}@media(max-width: 768px){.hero-section{padding:1.5rem 1.25rem}}.hero-section--linked{cursor:pointer;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.hero-section--linked:hover{border-color:rgba(61,114,87,.5);box-shadow:var(--shadow-hover)}.hero-section__ornament-tl,.hero-section__ornament-br{position:absolute;width:48px;height:48px;pointer-events:none;opacity:.35}.hero-section__ornament-tl::before,.hero-section__ornament-tl::after,.hero-section__ornament-br::before,.hero-section__ornament-br::after{content:"";position:absolute;background:var(--green-accent)}.hero-section__ornament-tl{top:10px;left:10px}.hero-section__ornament-tl::before{top:0;left:0;width:16px;height:2px}.hero-section__ornament-tl::after{top:0;left:0;width:2px;height:16px}.hero-section__ornament-br{bottom:10px;right:10px}.hero-section__ornament-br::before{bottom:0;right:0;width:16px;height:2px}.hero-section__ornament-br::after{bottom:0;right:0;width:2px;height:16px}.hero-section__inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:2rem}@media(max-width: 900px){.hero-section__inner{flex-direction:column;align-items:flex-start;gap:1.25rem}}.hero-section__main{display:flex;align-items:center;gap:2.25rem}@media(max-width: 600px){.hero-section__main{flex-direction:column;gap:.85rem}}.hero-section__seal-badge{flex-shrink:0;display:block;width:120px;height:87px;border:2px solid rgba(255,255,255,.7);border-radius:12px;overflow:hidden;box-shadow:0 6px 16px rgba(46,93,75,.18);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hero-section__seal-badge img{display:block;width:100%;height:100%;object-fit:cover}.hero-section__seal-badge:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(46,93,75,.24)}.hero-section__seal-badge__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--seal-red);color:#fff;font-family:var(--font-serif);font-size:2.1rem;font-weight:700;letter-spacing:-0.05em;user-select:none}.hero-section__seal-badge--static{width:52px;height:52px;background:var(--seal-red);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-serif);font-size:1.35rem;font-weight:700;box-shadow:0 4px 12px rgba(168,56,59,.28);letter-spacing:-0.05em;user-select:none}.hero-section__seal-badge--static:hover{transform:none;box-shadow:0 4px 12px rgba(168,56,59,.28)}@media(max-width: 600px){.hero-section__seal-badge{width:129px;height:93px}}.hero-section__text{flex:1;min-width:0;overflow-wrap:anywhere}.hero-section__title{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;color:var(--text-main);margin:0 0 .4rem;letter-spacing:.03em;line-height:1.3}.hero-section__title a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.hero-section__title a:hover{color:var(--primary-accent)}@media(max-width: 768px){.hero-section__title{font-size:1.38rem}}.hero-section__place{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.45rem;font-family:var(--font-serif);font-size:.82rem;color:var(--text-light);letter-spacing:.05em}.hero-section__place .place-icon{width:.9em;height:.9em;flex-shrink:0;opacity:.8}.hero-section__quote-box{flex-shrink:0;display:flex;align-items:center;gap:.6rem;background:var(--green-tint);border:1px dashed var(--green-border);padding:.85rem 1.25rem;border-radius:var(--radius-md);max-width:500px}@media(max-width: 900px){.hero-section__quote-box{max-width:100%;width:100%}}.hero-section__quote-mark{font-family:var(--font-serif);font-size:1.8rem;line-height:1;color:var(--green-accent)}.hero-section__quote{font-family:var(--font-serif);font-size:.9rem;color:var(--text-quote);font-style:italic;line-height:1.5}.literary-divider{display:flex;align-items:center;justify-content:center;gap:1.2rem;margin:0 0 2rem;color:var(--green-accent)}.literary-divider__line{flex:1;height:1px;background:linear-gradient(to right, transparent, var(--green-border), transparent)}.literary-divider__symbol{font-family:var(--font-serif);font-size:.85rem;font-weight:600;letter-spacing:.15em;color:var(--green-accent);background:var(--green-light);padding:.2rem .85rem;border-radius:20px;border:1px solid var(--green-border-faint)}.filter-banner{display:flex;align-items:center;justify-content:space-between;background:var(--green-light);border:1px solid var(--green-border-soft);padding:.75rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.8rem;font-size:.92rem;color:var(--text-main)}.filter-banner__reset{background:rgba(0,0,0,0);border:1px solid var(--green-accent);color:var(--green-accent);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.82rem;cursor:pointer;transition:all var(--transition-fast)}.filter-banner__reset:hover{background:var(--green-accent);color:#fff}.site-main{flex:1;padding:2.2rem 0 3rem}@media(max-width: 1600px){.site-main{padding:2.2rem 1.5rem 3rem}}@media(max-width: 600px){.site-main{padding:2.2rem .5rem 3rem}}.page-header{margin-bottom:2.2rem}.page-header__badge{display:inline-block;padding:.25rem .85rem;border-radius:20px;background:var(--green-light);color:var(--green-accent);border:1px solid var(--green-border-faint);font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem}.page-header__title{font-family:var(--font-serif);font-size:2.2rem;font-weight:700;margin:0 0 .5rem;color:var(--text-main)}.page-header__sub{color:var(--text-muted);font-size:.95rem;margin:0}.page-header__back{display:inline-block;margin-top:1rem;color:var(--primary-accent);font-size:.9rem;font-weight:500}.page-header__back:hover{text-decoration:underline}.page-header.text-center{text-align:center}.article-columns{position:relative;display:grid;grid-template-columns:repeat(3, 1fr);gap:0 1.25rem;margin-bottom:2.2rem}@media(max-width: 900px){.article-columns{grid-template-columns:1fr;gap:0}}.article-columns::before{content:"墨痕";position:absolute;z-index:0;top:1%;right:0%;transform:rotate(-5deg);font-family:var(--font-serif);font-size:clamp(12rem,30vh,22rem);font-weight:700;line-height:1;color:var(--green-accent);opacity:.045;pointer-events:none;user-select:none}.article-column{position:relative;z-index:1;min-width:0}.js #articles-container:not([data-rendered]),.js #pagination-wrapper:not([data-rendered]){display:none}.article-list-item{position:relative;display:flex;align-items:center;gap:1.1rem;padding:.9rem 1.2rem;transition:all var(--transition-normal);margin-bottom:16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);position:relative;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer}.article-list-item::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom, var(--primary-accent), var(--green-accent));opacity:0;transition:opacity var(--transition-fast)}.article-list-item:hover{background:var(--card-hover-bg);border-color:var(--border-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.article-list-item:hover::before{opacity:1}.article-list-item:hover .article-list-item__title a{color:var(--primary-accent)}.article-list-item__cover-wrap{flex-shrink:0;width:86px;height:62px;border-radius:var(--radius-sm);overflow:hidden;background:var(--cover-bg);display:flex;align-items:center;justify-content:center;border:1px solid var(--cover-border)}.article-list-item__cover{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.article-list-item:hover .article-list-item__cover{transform:scale(1.08)}.article-list-item__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.article-list-item__placeholder-icon{width:24px;height:24px;color:rgba(255,255,255,.85);filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2))}.article-list-item__placeholder--1{background:linear-gradient(135deg, #2e5d4b 0%, #1a3830 100%)}.article-list-item__placeholder--2{background:linear-gradient(135deg, #3d4f5d 0%, #242f38 100%)}.article-list-item__placeholder--3{background:linear-gradient(135deg, #3d7257 0%, #24563f 100%)}.article-list-item__placeholder--4{background:linear-gradient(135deg, #536b62 0%, #2c3c35 100%)}.article-list-item__placeholder--5{background:linear-gradient(135deg, #8a484a 0%, #52292a 100%)}.article-list-item__body{min-width:0;flex:1}.article-list-item__title{margin:0;font-family:var(--font-serif);font-size:1.08rem;font-weight:600;line-height:1.45}.article-list-item__title a{display:block;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast)}.article-list-item__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .8rem;margin-top:.42rem;font-size:.8rem;color:var(--text-light);justify-content:space-between}.article-list-item__place{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-serif);font-size:.78rem;color:var(--text-light);letter-spacing:.03em;white-space:nowrap}.article-list-item__place .place-icon{width:.85em;height:.85em;flex-shrink:0;opacity:.8}.article-list-item__tags{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.3rem}.article-list-item__tags .tag-chip{font-size:.72rem;padding:.1rem .55rem}.article-list-item__read-seal{position:absolute;top:10px;right:14px;font-family:var(--font-serif);font-size:.62rem;letter-spacing:.14em;line-height:1;color:var(--text-light);opacity:.5;pointer-events:none;user-select:none}.tag-chip{display:inline-block;padding:.2rem .65rem;font-size:.78rem;font-weight:500;border-radius:12px;border:1px solid rgba(0,0,0,0);transition:all var(--transition-fast)}.tag-chip--0{color:#c52626;background:rgba(197,38,38,.09);border-color:rgba(197,38,38,.22)}.tag-chip--0:hover{background:#c52626;border-color:#c52626;color:#fff;box-shadow:0 4px 12px rgba(197,38,38,.28)}.tag-chip--1{color:#c59d26;background:rgba(197,157,38,.09);border-color:rgba(197,157,38,.22)}.tag-chip--1:hover{background:#c59d26;border-color:#c59d26;color:#fff;box-shadow:0 4px 12px rgba(197,157,38,.28)}.tag-chip--2{color:#75c526;background:rgba(117,197,38,.09);border-color:rgba(117,197,38,.22)}.tag-chip--2:hover{background:#75c526;border-color:#75c526;color:#fff;box-shadow:0 4px 12px rgba(117,197,38,.28)}.tag-chip--3{color:#26c54d;background:rgba(38,197,77,.09);border-color:rgba(38,197,77,.22)}.tag-chip--3:hover{background:#26c54d;border-color:#26c54d;color:#fff;box-shadow:0 4px 12px rgba(38,197,77,.28)}.tag-chip--4{color:#26c5c5;background:rgba(38,197,197,.09);border-color:rgba(38,197,197,.22)}.tag-chip--4:hover{background:#26c5c5;border-color:#26c5c5;color:#fff;box-shadow:0 4px 12px rgba(38,197,197,.28)}.tag-chip--5{color:#264dc5;background:rgba(38,77,197,.09);border-color:rgba(38,77,197,.22)}.tag-chip--5:hover{background:#264dc5;border-color:#264dc5;color:#fff;box-shadow:0 4px 12px rgba(38,77,197,.28)}.tag-chip--6{color:#7526c5;background:rgba(117,38,197,.09);border-color:rgba(117,38,197,.22)}.tag-chip--6:hover{background:#7526c5;border-color:#7526c5;color:#fff;box-shadow:0 4px 12px rgba(117,38,197,.28)}.tag-chip--7{color:#c5269d;background:rgba(197,38,157,.09);border-color:rgba(197,38,157,.22)}.tag-chip--7:hover{background:#c5269d;border-color:#c5269d;color:#fff;box-shadow:0 4px 12px rgba(197,38,157,.28)}.tag-cloud{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:1.25rem;margin-top:2rem}.tag-card{background:var(--bg-card);border:1px solid var(--border-color);padding:1.25rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.35rem;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.tag-card__name{font-size:1.1rem;font-weight:600;color:var(--text-main)}.tag-card__slug{font-size:.82rem;color:var(--text-light)}.tag-card:hover{transform:translateY(-3px)}.tag-card--0{border-left:4px solid rgba(197,38,38,.4)}.tag-card--0 .tag-card__name{color:#c52626}.tag-card--0:hover{border-color:rgba(197,38,38,.55);box-shadow:0 10px 24px -8px rgba(197,38,38,.35)}.tag-card--0:hover .tag-card__name{color:hsl(0,67.6595744681%,36.0784313725%)}.tag-card--1{border-left:4px solid rgba(197,157,38,.4)}.tag-card--1 .tag-card__name{color:#c59d26}.tag-card--1:hover{border-color:rgba(197,157,38,.55);box-shadow:0 10px 24px -8px rgba(197,157,38,.35)}.tag-card--1:hover .tag-card__name{color:rgb(60.488944514%,48.2069253233%,11.6679182311%)}.tag-card--2{border-left:4px solid rgba(117,197,38,.4)}.tag-card--2 .tag-card__name{color:#75c526}.tag-card--2:hover{border-color:rgba(117,197,38,.55);box-shadow:0 10px 24px -8px rgba(117,197,38,.35)}.tag-card--2:hover .tag-card__name{color:rgb(35.9249061327%,60.488944514%,11.6679182311%)}.tag-card--3{border-left:4px solid rgba(38,197,77,.4)}.tag-card--3 .tag-card__name{color:#26c54d}.tag-card--3:hover{border-color:rgba(38,197,77,.55);box-shadow:0 10px 24px -8px rgba(38,197,77,.35)}.tag-card--3:hover .tag-card__name{color:rgb(11.6679182311%,60.488944514%,23.642886942%)}.tag-card--4{border-left:4px solid rgba(38,197,197,.4)}.tag-card--4 .tag-card__name{color:#26c5c5}.tag-card--4:hover{border-color:rgba(38,197,197,.55);box-shadow:0 10px 24px -8px rgba(38,197,197,.35)}.tag-card--4:hover .tag-card__name{color:hsl(180,67.6595744681%,36.0784313725%)}.tag-card--5{border-left:4px solid rgba(38,77,197,.4)}.tag-card--5 .tag-card__name{color:#264dc5}.tag-card--5:hover{border-color:rgba(38,77,197,.55);box-shadow:0 10px 24px -8px rgba(38,77,197,.35)}.tag-card--5:hover .tag-card__name{color:rgb(11.6679182311%,23.642886942%,60.488944514%)}.tag-card--6{border-left:4px solid rgba(117,38,197,.4)}.tag-card--6 .tag-card__name{color:#7526c5}.tag-card--6:hover{border-color:rgba(117,38,197,.55);box-shadow:0 10px 24px -8px rgba(117,38,197,.35)}.tag-card--6:hover .tag-card__name{color:rgb(35.9249061327%,11.6679182311%,60.488944514%)}.tag-card--7{border-left:4px solid rgba(197,38,157,.4)}.tag-card--7 .tag-card__name{color:#c5269d}.tag-card--7:hover{border-color:rgba(197,38,157,.55);box-shadow:0 10px 24px -8px rgba(197,38,157,.35)}.tag-card--7:hover .tag-card__name{color:rgb(60.488944514%,11.6679182311%,48.2069253233%)}.pagination-wrapper{display:flex;justify-content:center;margin-top:1.5rem}.pagination{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-card);padding:.5rem 1rem;border-radius:30px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.pagination__info{font-size:.85rem;color:var(--text-muted);padding:0 .6rem}@media(max-width: 600px){.pagination__info{display:none}}.pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 .5rem;border-radius:50%;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--text-main);font-size:.88rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.pagination__btn:hover:not(:disabled):not(.pagination__btn--active){background:var(--primary-subtle);color:var(--primary-accent)}.pagination__btn--active{background:var(--primary-accent);color:#fff;font-weight:600;box-shadow:0 4px 12px var(--pagination-active-shadow)}.pagination__btn:disabled{color:var(--text-light);cursor:not-allowed;opacity:.4}.article-detail-container{max-width:860px}.back-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-muted);font-size:.9rem;font-weight:500;margin-bottom:2rem}.back-link:hover{color:var(--primary-accent)}.post-detail{background:var(--bg-card);padding:2.8rem 3.2rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}@media(max-width: 768px){.post-detail{padding:1.4rem 1rem}}@media(max-width: 600px){.post-detail{padding:1.2rem .5rem}}.post-detail__header{margin-bottom:2.2rem;text-align:center}.post-detail__tags{display:flex;justify-content:flex-end;gap:.5rem;margin:0}.post-detail__title{font-family:var(--font-serif);font-size:2.4rem;font-weight:700;line-height:1.35;margin:0 0 1rem;color:var(--text-main)}@media(max-width: 768px){.post-detail__title{font-size:1.8rem}}.post-detail__meta{position:relative;font-size:.88rem;color:var(--text-muted);display:flex;align-items:center;justify-content:flex-end;gap:.6rem;width:100%;min-height:1.8rem}.post-detail__meta>span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}@media(max-width: 768px){.post-detail__meta{flex-direction:column;gap:.7rem}.post-detail__meta>span{position:static;transform:none}.post-detail__meta .post-detail__tags{justify-content:center}}.post-detail__meta .meta-dot{color:var(--text-light)}.post-detail__cover-wrap{margin:0 -3.2rem 2.5rem;overflow:hidden}@media(max-width: 768px){.post-detail__cover-wrap{margin:0 -1rem 1.5rem}}@media(max-width: 600px){.post-detail__cover-wrap{margin:0 -0.5rem 1.5rem}}.post-detail__cover{width:100%;max-height:480px;object-fit:cover}@media(max-width: 768px){.post-detail__cover{max-height:300px}}.post-detail__content{font-size:1.05rem;line-height:1.85;color:var(--text-body)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:var(--font-serif);color:var(--text-main);margin-top:2.2em;margin-bottom:1em;font-weight:700}.markdown-body p{margin-bottom:1.4em}html[lang=zh-CN] .markdown-body>p{text-indent:2em}html[lang=zh-CN] .markdown-body--no-indent>p{text-indent:0}.markdown-body a{color:var(--primary-accent);text-decoration:underline;text-underline-offset:4px}.markdown-body a:hover{color:var(--primary-hover)}.markdown-body blockquote{margin:1.8em 0;padding:1em 1.5em;background:var(--green-light);border-left:4px solid var(--seal-red);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-quote);font-style:italic}.markdown-body blockquote p:last-child{margin-bottom:0}.markdown-body pre{background:#1a212b !important;border-radius:var(--radius-md);padding:1.25rem;overflow-x:auto;font-family:var(--font-mono);font-size:.92rem;line-height:1.6;margin:1.8em 0;color:#abb2bf}.markdown-body code:not(pre code){background:var(--code-inline-bg);color:var(--primary-accent);padding:.2rem .4rem;border-radius:4px;font-family:var(--font-mono);font-size:.88em}.markdown-body img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:2em auto}.markdown-body hr{border:0;height:1px;background:linear-gradient(to right, transparent, var(--border-hover), transparent);margin:3em 0}.empty-state{grid-column:1/-1;text-align:center;padding:4rem 1rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px dashed var(--border-hover)}.empty-state__icon{font-size:3rem;margin-bottom:1rem}.empty-state__title{font-family:var(--font-serif);font-size:1.35rem;font-weight:600;color:var(--text-main);margin:0 0 .5rem}.empty-state__desc{color:var(--text-muted);font-size:.9rem;margin:0}.introduce{padding:1.5rem 0 0rem}.introduce__inner{display:flex;align-items:flex-start;gap:4rem;width:90%;margin:0 auto}@media(max-width: 900px){.introduce__inner{flex-direction:column;gap:2.5rem}}.introduce__text{flex:1;min-width:0}@media(max-width: 900px){.introduce__text{flex:none;width:100%}}.introduce__badge{display:inline-block;padding:.25rem .9rem;border-radius:20px;background:var(--green-light);color:var(--green-accent);border:1px solid rgba(61,114,87,.25);font-size:.8rem;font-weight:600;letter-spacing:.18em;margin-bottom:1.1rem}.introduce__title{font-family:var(--font-serif);font-size:2.6rem;font-weight:700;color:var(--text-main);margin:0 0 .75rem;letter-spacing:.03em;line-height:1.25}@media(max-width: 768px){.introduce__title{font-size:2rem}}.introduce__subtitle{font-family:var(--font-serif);font-size:1.05rem;color:var(--text-muted);margin:0 0 1.75rem;line-height:1.6;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.introduce__body{font-size:1.02rem;line-height:1.9;color:var(--text-body)}.introduce__body p{margin:0 0 1.1em}.introduce__body p:last-child{margin-bottom:0}.introduce__media{flex-shrink:0;width:42%;max-width:460px}@media(max-width: 900px){.introduce__media{width:100%;max-width:100%}}.introduce__frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-hover);border:1px solid var(--border-color)}.introduce__frame img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.introduce__frame .introduce__img--dark{display:none}:root[data-theme=dark] .introduce__frame .introduce__img--light{display:none}:root[data-theme=dark] .introduce__frame .introduce__img--dark{display:block}@media(prefers-color-scheme: dark){:root:not([data-theme=light]) .introduce__frame .introduce__img--light{display:none}:root:not([data-theme=light]) .introduce__frame .introduce__img--dark{display:block}}.site-copyright{position:fixed;right:1.25rem;bottom:.4rem;z-index:10;margin:0;font-family:var(--font-serif);font-size:.72rem;letter-spacing:.1em;color:var(--text-light);opacity:.55;pointer-events:none;user-select:none}@media(max-width: 600px){.site-copyright{right:.9rem;font-size:.65rem}}/*# sourceMappingURL=main.css.map */