:root{--nav-height: 4.5rem;--footer-height: 4.5rem;--content-max-width: 1160px;--page-padding: clamp(1rem, 3vw, 2rem);--radius-xs: .35rem;--radius-sm: .55rem;--radius-md: .75rem;--radius-lg: 1rem;--shadow-soft: 0 18px 50px rgba(15, 23, 42, .08);--shadow-card: 0 14px 36px rgba(15, 23, 42, .06);--background: #f4f7fb;--background-alt: #edf2f8;--surface: rgba(255, 255, 255, .78);--surface-elevated: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--surface-inverse: #0f172a;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-inverse: #f8fafc;--accent: #335cff;--accent-strong: #2543c9;--accent-soft: rgba(51, 92, 255, .1);--accent-line: rgba(51, 92, 255, .24);--success-soft: rgba(16, 185, 129, .12);--warning-soft: rgba(245, 158, 11, .12);--border-subtle: rgba(148, 163, 184, .18);--border-strong: rgba(148, 163, 184, .3);--divider: rgba(148, 163, 184, .18)}:root[data-theme=dark]{--shadow-soft: 0 18px 50px rgba(2, 6, 23, .34);--shadow-card: 0 14px 36px rgba(2, 6, 23, .28);--background: #08101d;--background-alt: #0b1424;--surface: rgba(11, 20, 36, .76);--surface-elevated: rgba(15, 23, 42, .92);--surface-strong: #111c31;--surface-inverse: #e2e8f0;--text-primary: #e5edf8;--text-secondary: #bfd0e6;--text-muted: #8ca0bb;--text-inverse: #08101d;--accent: #7c91ff;--accent-strong: #a9b7ff;--accent-soft: rgba(124, 145, 255, .16);--accent-line: rgba(124, 145, 255, .32);--success-soft: rgba(45, 212, 191, .14);--warning-soft: rgba(251, 191, 36, .14);--border-subtle: rgba(148, 163, 184, .14);--border-strong: rgba(148, 163, 184, .24);--divider: rgba(148, 163, 184, .12)}html{box-sizing:border-box;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{margin:0;min-width:320px;background:var(--background);color:var(--text-primary);font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}#app{min-height:100vh}a,button,input,textarea{font:inherit}a{color:inherit}img{max-width:100%;display:block}button{border:none;background:none}::selection{background:var(--accent-soft);color:var(--text-primary)}.container{width:min(100%,var(--content-max-width));margin:0 auto;padding-inline:var(--page-padding)}.surface-card{background:var(--surface);backdrop-filter:blur(18px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card)}.section-kicker{display:inline-flex;align-items:center;gap:.55rem;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.section-kicker:before{content:"";width:2rem;height:1px;background:var(--accent-line)}.section-heading{font-size:clamp(2rem,5vw,4rem);line-height:1.02;letter-spacing:-.04em;margin:0}.section-description{max-width:42rem;margin:0;color:var(--text-secondary);line-height:1.7}.eyebrow-chip{display:inline-flex;align-items:center;min-height:2rem;padding:0 .85rem;border:1px solid var(--border-subtle);background:var(--surface-elevated);color:var(--text-muted);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.button-primary,.button-secondary,.button-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.9rem;padding:0 1rem;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.button-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-card);border:1px solid transparent}.button-primary:hover{transform:translateY(-1px);background:var(--accent-strong)}.button-secondary{border:1px solid var(--border-strong);background:var(--surface-strong);color:var(--text-primary)}.button-secondary:hover{transform:translateY(-1px);border-color:var(--accent);background:var(--accent-soft);color:var(--text-primary)}.button-ghost{border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary)}.button-ghost:hover{transform:translateY(-1px);border-color:var(--accent-line);background:var(--surface-elevated);color:var(--accent)}.tag-chip{display:inline-flex;align-items:center;min-height:1.75rem;padding:0 .65rem;border:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--surface-elevated);font-size:.78rem}.tag-tech,.tag-vue,.tag-nginx,.tag-statistics,.tag-travel,.tag-photo,.tag-academic,.tag-daily,.tag-default{border:1px solid transparent}.tag-tech{background:#2563eb1f;color:#1d4ed8}.tag-vue{background:#10b98124;color:#059669}.tag-nginx{background:#0ea5e924;color:#0284c7}.tag-statistics{background:#8b5cf624;color:#7c3aed}.tag-travel{background:#f9731624;color:#ea580c}.tag-photo{background:#f43f5e24;color:#e11d48}.tag-academic{background:#06b6d424;color:#0891b2}.tag-daily,.tag-default{background:#94a3b824;color:var(--text-secondary)}[data-theme=dark] .tag-tech{color:#9bb4ff}[data-theme=dark] .tag-vue{color:#6ee7b7}[data-theme=dark] .tag-nginx{color:#67e8f9}[data-theme=dark] .tag-statistics{color:#c4b5fd}[data-theme=dark] .tag-travel{color:#fdba74}[data-theme=dark] .tag-photo{color:#fda4af}[data-theme=dark] .tag-academic{color:#a5f3fc}.panel-title{margin:0;font-size:clamp(1.25rem,2vw,1.8rem);letter-spacing:-.03em}.muted-text{color:var(--text-muted)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}