*,*:before,*:after{box-sizing:border-box}:root{--font-serif: "Songti SC", "Noto Serif SC", "Source Han Serif SC", "SimSun", Georgia, "Times New Roman", serif;--font-ui: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--color-ink: #2c2825;--color-ink-muted: #6b6560;--color-accent: #c45c3e;--color-accent-soft: #e8a88f;--color-surface: rgba(255, 252, 247, .72);--color-card: rgba(255, 255, 255, .85);--color-border: rgba(44, 40, 37, .1);--shadow-card: 0 4px 24px rgba(44, 40, 37, .06);--shadow-hover: 0 12px 32px rgba(44, 40, 37, .1);--radius: 12px;--container: min(720px, 92vw);--container-wide: min(960px, 94vw)}html{font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;font-family:var(--font-serif);color:var(--color-ink);line-height:1.65;min-height:100vh;background:radial-gradient(ellipse 120% 80% at 50% -20%,rgba(232,168,143,.35),transparent 55%),radial-gradient(ellipse 80% 60% at 100% 50%,rgba(245,230,211,.5),transparent 50%),linear-gradient(180deg,#f7f2ea,#efe8dc 45%,#f5f0e8);background-attachment:fixed}#app{min-height:100vh}.app-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:var(--container-wide);margin-inline:auto;padding-inline:1rem}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:3.5rem}.logo{font-family:var(--font-ui);font-weight:700;font-size:1.125rem;letter-spacing:-.02em;color:var(--color-ink);text-decoration:none}.nav-links{display:flex;align-items:center;gap:1.25rem;font-family:var(--font-ui);font-size:.9375rem}.nav-links a{color:var(--color-ink-muted);text-decoration:none;transition:color .2s ease}.nav-links a.router-link-active,.nav-links a:hover{color:var(--color-accent)}.nav-user{color:var(--color-ink-muted);font-size:.875rem}.site-main{flex:1;padding-block:2rem 3rem}.site-footer{padding:1.5rem 0;text-align:center;font-family:var(--font-ui);font-size:.8125rem;color:var(--color-ink-muted);border-top:1px solid var(--color-border)}.site-footer p{margin:0}.site-footer .beian{margin-top:.5rem}.site-footer .beian a{color:inherit;text-decoration:none}.site-footer .beian a:hover{color:var(--color-accent);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-ui);font-size:.9375rem;font-weight:500;padding:.625rem 1.25rem;border-radius:8px;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #c45c3e59}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-ink)}.btn-outline:hover:not(:disabled){border-color:var(--color-accent-soft)}.btn-text{background:none;border:none;font-family:var(--font-ui);font-size:.9375rem;color:var(--color-ink-muted);cursor:pointer;padding:0}.btn-text:hover{color:var(--color-accent)}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-card);transition:transform .25s ease,box-shadow .25s ease}.card-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-family:var(--font-ui);font-size:.875rem;font-weight:500;margin-bottom:.375rem;color:var(--color-ink)}.form-input{width:100%;font-family:var(--font-ui);font-size:1rem;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:8px;background:#ffffffe6;color:var(--color-ink)}.form-input:focus{outline:2px solid rgba(196,92,62,.25);border-color:var(--color-accent-soft)}.form-hint{font-family:var(--font-ui);font-size:.8125rem;color:var(--color-ink-muted);margin-top:.25rem}.alert{font-family:var(--font-ui);font-size:.875rem;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.alert-error{background:#fdecea;color:#9b2c2c;border:1px solid #f5c6c6}.alert-success{background:#edf7ed;color:#2e6b3e;border:1px solid #c8e6c9}.page-enter-active,.page-leave-active{transition:opacity .28s ease,transform .28s ease}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-6px)}.fade-in-list{animation:fadeInUp .5s ease backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.prose{font-size:1.0625rem;line-height:1.8;color:var(--color-ink);word-wrap:break-word;overflow-wrap:break-word}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-family:var(--font-ui);font-weight:650;line-height:1.35;color:var(--color-ink);margin-top:1.75em;margin-bottom:.65em}.prose h1{font-size:1.75rem;padding-bottom:.35em;border-bottom:1px solid var(--color-border)}.prose h2{font-size:1.4rem;padding-bottom:.3em;border-bottom:1px solid var(--color-border)}.prose h3{font-size:1.2rem}.prose h4{font-size:1.05rem}.prose p{margin:.9em 0}.prose a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:#a34830}.prose strong{font-weight:700}.prose em{font-style:italic}.prose ul,.prose ol{margin:.9em 0;padding-left:1.5em}.prose li{margin:.35em 0}.prose li>ul,.prose li>ol{margin:.25em 0}.prose img{display:block;max-width:100%;height:auto;margin:1.25em auto;border-radius:8px}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2em 0}.prose blockquote{margin:1.25em 0;padding:.75em 1em;border-left:4px solid var(--color-accent-soft);background:#c45c3e0f;color:var(--color-ink-muted);border-radius:0 8px 8px 0}.prose blockquote p{margin:.4em 0}.prose code{font-family:ui-monospace,Cascadia Code,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:.875em;padding:.15em .4em;background:#2c282514;border-radius:4px;color:#8b3a28}.prose pre{margin:1.25em 0;padding:1rem 1.1rem;overflow-x:auto;background:#2a2623;color:#f3eee6;border-radius:10px;font-size:.875rem;line-height:1.6;box-shadow:inset 0 1px #ffffff0a}.prose pre code{display:block;padding:0;background:transparent;color:inherit;font-size:inherit;border-radius:0;white-space:pre}.prose table{width:100%;margin:1.25em 0;border-collapse:collapse;font-size:.95em;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--color-border);padding:.55em .75em;text-align:left}.prose th{font-family:var(--font-ui);font-weight:600;background:#2c28250a}.prose tr:nth-child(2n) td{background:#ffffff59}.prose input[type=checkbox]{margin-right:.4em}.article-body{padding:2rem 1.75rem}.article-detail>header h1{font-family:var(--font-ui);font-size:clamp(1.6rem,4vw,2.1rem);font-weight:700;line-height:1.3;margin:.75rem 0 .5rem}.article-detail>header .meta{font-family:var(--font-ui);color:var(--color-ink-muted);font-size:.875rem;margin-bottom:1.25rem}.back-link{font-family:var(--font-ui);font-size:.875rem;color:var(--color-accent);text-decoration:none}.auth-page{max-width:400px;margin:2rem auto;padding:2rem}.auth-page h1{font-family:var(--font-ui);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.auth-page .subtitle{font-family:var(--font-ui);color:var(--color-ink-muted);font-size:.9375rem;margin-bottom:1.5rem}.captcha-row{display:flex;gap:.75rem;align-items:center}.captcha-row img{height:40px;border-radius:6px;cursor:pointer;border:1px solid var(--color-border)}.comment-section{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border)}.comment-section h2{font-family:var(--font-ui);font-size:1.25rem;font-weight:600;margin-bottom:1.25rem}.comment-item{padding:1rem 0;border-bottom:1px solid var(--color-border)}.comment-meta{font-family:var(--font-ui);font-size:.8125rem;color:var(--color-ink-muted);margin-bottom:.375rem}.comment-meta strong{color:var(--color-ink);font-weight:600}.comment-body{font-size:.975rem}.comment-children{margin-left:1.25rem;padding-left:1rem;border-left:2px solid var(--color-border)}.comment-reply-btn{margin-top:.5rem}.comment-form textarea{width:100%;min-height:100px;resize:vertical;font-family:var(--font-ui);font-size:.9375rem;padding:.75rem;border:1px solid var(--color-border);border-radius:8px;background:#ffffffe6}.comment-form textarea:focus{outline:2px solid rgba(196,92,62,.25)}.comment-guest-fields{display:grid;gap:.75rem;margin-bottom:.75rem}@media(min-width:480px){.comment-guest-fields{grid-template-columns:1fr 1fr}}.hero{text-align:center;padding:3rem 1rem 2.5rem;max-width:640px;margin:0 auto 2rem}.hero-brand{font-family:var(--font-ui);font-size:clamp(2.5rem,8vw,3.75rem);font-weight:700;letter-spacing:-.03em;margin:0;color:var(--color-ink)}.hero-tagline{font-size:1.125rem;color:var(--color-ink-muted);margin:.75rem 0 0}.category-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;font-family:var(--font-ui)}.category-chip{padding:.35rem .85rem;border-radius:999px;font-size:.8125rem;text-decoration:none;color:var(--color-ink-muted);background:#fff9;border:1px solid var(--color-border);transition:all .2s ease}.category-chip.active,.category-chip:hover{color:var(--color-accent);border-color:var(--color-accent-soft);background:#fffffff2}.article-list{display:flex;flex-direction:column;gap:1rem;max-width:var(--container-wide);margin:0 auto;padding-inline:1rem}.article-card{display:block;padding:1.35rem 1.5rem;text-decoration:none;color:inherit}.article-card h2{font-family:var(--font-ui);font-size:1.2rem;font-weight:600;margin:0 0 .5rem;line-height:1.35}.article-card .summary{font-size:.975rem;color:var(--color-ink-muted);margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card .meta{font-family:var(--font-ui);font-size:.8125rem;color:var(--color-ink-muted);display:flex;flex-wrap:wrap;gap:.75rem}.article-detail{width:66.666%;max-width:1400px;margin:0 auto;padding-inline:1rem}@media(max-width:768px){.article-detail{width:92%}}.article-detail header{margin-bottom:2rem}.article-detail h1{font-family:var(--font-ui);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;line-height:1.25;margin:0 0 .75rem}.article-detail .meta{font-family:var(--font-ui);font-size:.875rem;color:var(--color-ink-muted)}.back-link{font-family:var(--font-ui);font-size:.875rem;color:var(--color-accent);text-decoration:none;display:inline-block;margin-bottom:1.5rem}.back-link:hover{text-decoration:underline}.loading-state,.empty-state{text-align:center;font-family:var(--font-ui);color:var(--color-ink-muted);padding:3rem 1rem}.pagination{display:flex;justify-content:center;gap:.75rem;margin-top:2rem;font-family:var(--font-ui)}