/* Verbatim extraction (2026-09-14) of the BASE + design-token portion of
   https://www.vipbic.com/_nuxt/entry.RHqsFfBL.css (fetched server-side; local network to origin is firewalled).
   Contains: root tokens, html/body defaults, form-control styling (:where(...) rules).
   Omitted: Tailwind's compiled @layer properties/theme/base/utilities blocks and @property rules —
   the clone's Tailwind v4 runtime emits equivalent base styles. Cascade order preserved. */

:root{--hz-font-min:12px;--hz-charcoal:#171717;--hz-ink:#20201f;--hz-acid:#e8ff19;--hz-orange:#ff8b42;--hz-blue:#9db3c7;--hz-fog:#e8e8e5;--hz-paper:#f6f5f0;--hz-white:#fffefa;--hz-muted:#777873;--hz-border:#1717171f;--hz-radius-lg:28px;--hz-radius-md:20px;--hz-shadow:0 28px 80px #0003}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body{color:var(--hz-ink);background:var(--hz-charcoal);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}
*{box-sizing:border-box}:root{--hz-radius-shell:clamp(24px, 2.2vw, 34px);--hz-radius-card:18px;--hz-radius-inner:12px;--hz-control-border:#dfe1e5;--hz-control-border-hover:#c8cbd1;--hz-control-focus:#9fbd32;--hz-control-ring:#afd3312e;--hz-control-bg:#fff;--hz-control-disabled:#f1f2f3;--hz-select-arrow:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20stroke%3D%22%236b6d73%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.2%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m7%2010%205%205%205-5%22%2F%3E%3C%2Fsvg%3E);--hz-detail-frame:1440px;--hz-detail-prose:760px;--hz-detail-gutter:clamp(18px, 4vw, 48px)}html{color:#161618;scroll-behavior:smooth;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body,html{background:#edf0f6}body{min-width:320px;margin:0}small{font-size:var(--hz-font-min)}button,input,select,textarea{font:inherit}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),textarea,select){border:1px solid var(--hz-control-border);color:#25262a;background-color:var(--hz-control-bg);caret-color:#789800;border-radius:11px;outline:0;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),textarea,select):hover{border-color:var(--hz-control-border-hover)}:where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=hidden]),textarea,select):focus{border-color:var(--hz-control-focus);box-shadow:0 0 0 4px var(--hz-control-ring)}:where(input,textarea)::-moz-placeholder{color:#a4a6ac;opacity:1}:where(input,textarea)::placeholder{color:#a4a6ac;opacity:1}:where(input[type=search]){appearance:none}:where(input[type=search])::-webkit-search-cancel-button{appearance:none}:where(input,textarea,select):disabled{color:#989aa0;background-color:var(--hz-control-disabled);cursor:not-allowed;opacity:.8}:where(textarea){resize:vertical;scrollbar-color:#c8cbd0 transparent}:where(select:not([multiple])){appearance:none;background-image:var(--hz-select-arrow);cursor:pointer;background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:38px}:where(select option){color:#292a2e;background:#fff}:where(input[type=checkbox],input[type=radio]){appearance:none;cursor:pointer;background-color:#fff;border:1px solid #c8cbd0;outline:0;flex:none;width:20px;height:20px;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .12s}:where(input[type=checkbox]){border-radius:6px}:where(input[type=checkbox]):checked{background-color:#a8d500;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20stroke%3D%22%23171910%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%223%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22m5%2012%204%204L19%206%22%2F%3E%3C%2Fsvg%3E);background-position:50%;background-size:14px;border-color:#91b900}:where(input[type=radio]){border-radius:50%}:where(input[type=radio]):checked{background:#171719;border-color:#171719;box-shadow:inset 0 0 0 5px #fff}:where(input[type=checkbox],input[type=radio]):active{transform:scale(.92)}:where(input[type=checkbox],input[type=radio]):focus-visible{box-shadow:0 0 0 4px var(--hz-control-ring)}:where(input[type=range]){appearance:none;cursor:pointer;background:linear-gradient(90deg,#a8d500,#e2e4e7);border-radius:99px;outline:0;height:5px}:where(input[type=range])::-webkit-slider-thumb{appearance:none;background:#171719;border:4px solid #fff;border-radius:50%;width:19px;height:19px;box-shadow:0 3px 10px #17171933}:where(input[type=file])::file-selector-button{color:#313816;cursor:pointer;background:#efffba;border:1px solid #d9e6a5;border-radius:9px;min-height:38px;margin-right:10px;padding:0 14px}:where(button,a,summary,input,select,textarea):focus-visible{outline-offset:2px;outline:3px solid #9ec2233d}:where(summary){cursor:pointer;-webkit-user-select:none;user-select:none}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}

/* 全局行高（对应源站构建层 Tailwind preflight 的 html{line-height:1.5}，16px 基准 → 24px） */
html { line-height: 1.5; }

/* Tailwind preflight 标题/段落 reset（Next 版对齐项）：标题继承字重，清除默认 margin */
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
p, h1, h2, h3, h4, h5, h6, blockquote, figure, pre { margin: 0; }
ol, ul { list-style: none; margin: 0; padding: 0; }

/* [hidden] 全局兜底：模板 JS/媒体查询若以类选择器设 display，会盖掉 UA 的 [hidden] 默认隐藏
   （首页 hz-mobile-nav 与内页 site-mobile-nav 都曾因此泄漏占位）。(0,2,0) 压过 (0,1,0)。 */
.hz-mobile-nav[hidden],
.site-mobile-nav[hidden],
.site-search-mini[hidden] { display: none; }

/* ===== 3.1.7：WordPress 移动端规范适配（官方手册：媒体不超出容器）=====
 * md-editor 正文已有 max-width:100%，此处兜底其余内容区域（页面正文/未来挂件）。
 * img height:auto 保宽高比——带 class 显式 height 的卡片图特异性更高不受影响。 */
img, video, iframe { max-width: 100%; }
img { height: auto; }