/* Huashu Design polish layer: gallery depth, editorial texture, anti-slop details */
:root{--hs-accent:#d97757;--hs-accent-deep:#b85d3d;--hs-hairline:#e5e5ea;--hs-warm:#faf9f5;--serif-cn:'Noto Serif SC','Songti SC',Georgia,serif;--serif-en:'Source Serif 4','Times New Roman',Georgia,serif}
@media(prefers-color-scheme:dark){:root{--hs-hairline:rgba(255,255,255,.14);--hs-warm:#141414}}
html[data-theme=dark]{--hs-hairline:rgba(255,255,255,.14);--hs-warm:#141414}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:3000;opacity:.34;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .08 0 0 0 0 .075 0 0 0 .04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-theme=dark] body::before{mix-blend-mode:screen;opacity:.12}.hero-scene::after{content:'HUASHU · DESIGN SYSTEM';position:absolute;left:clamp(22px,5vw,72px);bottom:42px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:rgba(255,255,255,.36);z-index:2}.hero-copy h1{font-family:var(--font);text-shadow:0 30px 90px rgba(41,151,255,.22)}.hero-subtitle::after{content:'';display:block;width:52px;height:2px;border-radius:999px;background:var(--hs-accent);margin:28px auto 0}.orbital-stage{perspective:2400px;perspective-origin:50% 45%}.orbital-card{transform:rotateX(10deg) rotateY(-8deg) rotateZ(-2deg);box-shadow:0 28px 70px -26px rgba(255,255,255,.28),0 8px 22px -8px rgba(0,0,0,.45)}.feature-strip article,.post-card,.archive-timeline,.term-card{border:1px solid var(--hs-hairline);box-shadow:0 20px 60px -20px rgba(29,29,31,.18),0 6px 18px -6px rgba(29,29,31,.08)}.post-card-visual{position:relative;overflow:hidden}.post-card-visual::before{content:'';position:absolute;inset:22px;border:1px solid rgba(255,255,255,.16);border-radius:20px}.post-card-visual::after{content:'01';position:absolute;right:24px;top:22px;font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:rgba(255,255,255,.34)}.post-card:nth-child(2n) .post-card-visual{background:linear-gradient(145deg,#f5f5f7,#d8d8df);color:#1d1d1f}.post-card:nth-child(2n) .post-card-visual::before{border-color:rgba(0,0,0,.1)}.post-card:nth-child(2n) .post-card-visual::after,.post-card:nth-child(2n) .post-card-visual span{color:rgba(0,0,0,.38)}.section-heading h2,.listing-hero h1{font-family:var(--font);font-weight:700}.article-hero{background:linear-gradient(180deg,var(--bg),var(--bg-soft));position:relative;overflow:hidden}.article-hero::before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:20%;background:radial-gradient(circle,rgba(0,113,227,.12),transparent 62%)}.article-kicker::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--hs-accent);align-self:center}.article-content{background:var(--bg-elev);border:1px solid var(--line);border-radius:28px;padding:clamp(28px,4vw,56px);box-shadow:0 20px 60px -20px rgba(29,29,31,.16),0 6px 18px -6px rgba(29,29,31,.07)}.prose>h1:first-child{display:none}.prose h2{padding-top:8px;border-top:1px solid var(--line)}.prose h2::before{content:'§';display:inline-block;color:var(--hs-accent);font-family:var(--serif-en);font-weight:400;margin-right:.32em}.prose p{font-feature-settings:'kern';text-wrap:pretty}.prose blockquote{border-left:0;border-radius:22px;background:linear-gradient(135deg,var(--hs-warm),var(--bg-soft));position:relative}.prose blockquote::before{content:'“';position:absolute;left:18px;top:-6px;font-family:var(--serif-en);font-size:58px;color:var(--hs-accent);opacity:.55}.prose blockquote>*{position:relative;margin-left:26px}.prose table{background:var(--bg-elev);border:1px solid var(--line);border-radius:18px;overflow:hidden;display:block}.prose thead{background:var(--bg-soft)}.toc-card{box-shadow:0 20px 60px -20px rgba(29,29,31,.16),0 6px 18px -6px rgba(29,29,31,.07)}.toc-card p::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--hs-accent);margin-right:8px}.brand-mark{background:linear-gradient(135deg,var(--ink),color-mix(in oklch,var(--ink),var(--hs-accent) 18%))}.button-primary{box-shadow:0 14px 32px -16px var(--blue)}@supports not (color:color-mix(in oklch,red,blue)){.brand-mark{background:var(--ink)}}@media(max-width:980px){.article-content{padding:28px;border-radius:22px}.hero-scene::after{display:none}}@media(max-width:640px){.article-content{border-left:0;border-right:0;border-radius:0;width:calc(100% + 20px);margin-left:-10px}.prose table{font-size:13px;overflow-x:auto}.feature-strip article{min-height:150px}}

/* Paper OS redesign v3: professional blue-edge knowledge base */
:root{
  --zz-bg:#faf8f2;
  --zz-paper:#f6efe4;
  --zz-card:#fffdf8;
  --zz-card-strong:#ffffff;
  --zz-ink:#263648;
  --zz-ink-strong:#102033;
  --zz-muted:#66758a;
  --zz-faint:#94a3b8;
  --zz-blue:#0284c7;
  --zz-blue-deep:#0369a1;
  --zz-blue-soft:rgba(2,132,199,.26);
  --zz-yellow:#fde68a;
  --zz-note:#fff7d6;
  --zz-line:rgba(2,132,199,.22);
  --zz-shadow:4px 4px 0 var(--zz-blue);
  --zz-shadow-sm:2px 2px 0 var(--zz-blue);
  --zz-shadow-lg:6px 6px 0 var(--zz-blue);
  --zz-border:3px solid var(--zz-blue);
  --zz-border-strong:4px solid var(--zz-blue);
  --zz-radius:4px;
  --zz-sans:'Inter','Noto Serif SC','PingFang SC','Microsoft YaHei',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --zz-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
html[data-theme=dark]{
  --zz-bg:#101820;
  --zz-paper:#111f2b;
  --zz-card:#172536;
  --zz-card-strong:#1e2d40;
  --zz-ink:#e8f1f8;
  --zz-ink-strong:#ffffff;
  --zz-muted:#a9bac9;
  --zz-faint:#7f95a7;
  --zz-blue:#38bdf8;
  --zz-blue-deep:#7dd3fc;
  --zz-blue-soft:rgba(56,189,248,.28);
  --zz-yellow:#facc15;
  --zz-note:#2a2a18;
  --zz-line:rgba(56,189,248,.24);
}
body{background:var(--zz-bg);color:var(--zz-ink);font-family:var(--zz-sans)}
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,rgba(2,132,199,.055) 1px,transparent 1px),linear-gradient(rgba(2,132,199,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 72%);max-width:100vw;overflow:hidden}
.upx-nav{background:rgba(12,26,46,.85);border-bottom:2px solid rgba(56,189,248,.2);box-shadow:0 2px 20px rgba(0,0,0,.3);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}
.upx-nav .brand-mark{border:2px solid rgba(56,189,248,.5);border-radius:4px;background:rgba(56,189,248,.1);box-shadow:none;color:#38bdf8;font-weight:950}
.upx-nav .brand-text{font-weight:950;letter-spacing:.02em;color:#ffffff}
.upx-nav .desktop-nav a{color:rgba(255,255,255,.7);font-weight:850}.upx-nav .desktop-nav a:hover{color:#38bdf8}
.upx-nav .icon-button{border:2px solid rgba(56,189,248,.4);border-radius:4px;background:rgba(56,189,248,.08);box-shadow:none;color:#38bdf8}
html[data-theme=dark] .upx-nav{background:rgba(16,24,32,.9)}
.upx-home{background:var(--zz-bg);padding:54px 0 96px}.upx-container{width:min(1220px,calc(100% - 32px))}
.upx-hero{position:relative;text-align:center;padding:54px 16px 52px;overflow:hidden;background:linear-gradient(165deg,#0c1a2e 0%,#0f2847 40%,#0a3a6b 70%,#064e8a 100%)}
.upx-hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cpath d='M0 30h60M30 0v60' stroke='rgba(56,189,248,0.07)' stroke-width='0.5'/%3E%3Ccircle cx='30' cy='30' r='1.5' fill='rgba(56,189,248,0.1)'/%3E%3C/svg%3E");opacity:.8;pointer-events:none}
.upx-hero::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:60px;background:linear-gradient(to top,var(--zz-bg),transparent);pointer-events:none}
.upx-hero:before{content:'ZIZAI.CC / KNOWLEDGE BASE';display:inline-flex;position:relative;z-index:1;margin-bottom:16px;padding:5px 14px;border:2px solid rgba(56,189,248,.5);border-radius:4px;background:rgba(56,189,248,.08);backdrop-filter:blur(4px);color:#38bdf8;font-size:12px;font-weight:950;letter-spacing:.16em}
.upx-hero h1{position:relative;z-index:1;color:#ffffff;font-size:clamp(46px,7vw,88px);line-height:.95;letter-spacing:-.055em;text-shadow:0 4px 30px rgba(56,189,248,.25);margin:0;transform:none}
.upx-hero p{position:relative;z-index:1;max-width:720px;margin:16px auto 0;color:rgba(255,255,255,.7);font-size:clamp(16px,1.9vw,21px);line-height:1.65;font-weight:750;letter-spacing:0}
.upx-hero p:after{content:'不是碎片收藏，而是可回溯、可更新、可组合的个人知识库。';display:block;margin-top:6px;font-size:15px;color:rgba(255,255,255,.45);font-weight:700}
.upx-category-bar{border:var(--zz-border);background:var(--zz-card);box-shadow:var(--zz-shadow);padding:12px;margin-bottom:22px}.upx-category-bar span{color:var(--zz-blue);font-weight:950}.upx-category-bar span:before{content:'索引 / ';color:var(--zz-faint)}.upx-category-bar a{border:2px solid var(--zz-blue-soft);background:var(--zz-paper);box-shadow:none;color:var(--zz-ink);font-weight:850}.upx-category-bar a.active,.upx-category-bar a:hover{background:var(--zz-yellow);color:var(--zz-blue);border-color:var(--zz-blue);transform:none;box-shadow:var(--zz-shadow-sm)}
.upx-layout{grid-template-columns:minmax(0,1fr) 286px;gap:24px}.upx-search-inline{border:var(--zz-border);background:var(--zz-card);box-shadow:var(--zz-shadow);padding:12px}.upx-search-inline input{border:2px solid var(--zz-blue-soft);background:var(--zz-paper);color:var(--zz-ink)}.upx-search-inline button{border:2px solid var(--zz-blue);background:var(--zz-yellow);box-shadow:var(--zz-shadow-sm);color:var(--zz-blue);cursor:pointer}
.upx-section{margin-bottom:26px}.upx-section-title{margin-bottom:14px}.upx-section-title h2{color:var(--zz-blue);font-size:clamp(24px,3vw,36px);letter-spacing:-.035em}.upx-section-title h2:before{content:'// ';color:var(--zz-faint);font-family:var(--zz-mono);font-size:.58em;vertical-align:middle}.upx-section-title a{color:var(--zz-blue);font-weight:950}
.upx-post-card{grid-template-columns:minmax(0,1fr) 220px;gap:20px;position:relative;border:var(--zz-border);background:var(--zz-card);box-shadow:var(--zz-shadow);padding:20px;margin-bottom:16px}.upx-post-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--zz-yellow);border-right:3px solid var(--zz-blue);opacity:.95}.upx-post-card:hover{transform:translate(2px,2px);box-shadow:var(--zz-shadow-sm)}.upx-post-content{padding-left:4px}.upx-post-link h3{color:var(--zz-ink-strong);font-size:clamp(22px,2.3vw,31px);line-height:1.16;font-weight:950;letter-spacing:-.035em}.upx-post-link:hover h3{color:var(--zz-blue)}.upx-post-link p{color:var(--zz-muted);line-height:1.72;font-size:15px}.upx-post-meta{color:var(--zz-faint);font-size:12px;gap:7px}.upx-post-meta a{padding:2px 6px;border:1.5px solid var(--zz-blue-soft);background:var(--zz-paper);color:var(--zz-blue);font-weight:850}.upx-thumb{border:2px solid var(--zz-blue);box-shadow:var(--zz-shadow-sm);min-height:138px;background:var(--zz-paper)}
.upx-sidebar{top:76px;gap:16px}.upx-author-card,.upx-widget{border:var(--zz-border);background:var(--zz-card);box-shadow:3px 3px 0 var(--zz-blue);padding:16px}.upx-avatar{width:68px;height:68px;border:3px solid var(--zz-blue);border-radius:4px;background:var(--zz-yellow);box-shadow:var(--zz-shadow-sm);color:var(--zz-blue);font-size:34px}.upx-author-card h2{color:var(--zz-ink-strong);font-size:25px}.upx-author-card p{color:var(--zz-muted);line-height:1.65}.upx-author-links a{border:2px solid var(--zz-blue-soft);background:var(--zz-paper);box-shadow:none}.upx-author-links a:hover{border-color:var(--zz-blue);box-shadow:var(--zz-shadow-sm);background:var(--zz-yellow)}.upx-widget h3{color:var(--zz-blue);letter-spacing:.06em}.upx-tags-widget a{border:1.5px solid var(--zz-blue-soft);background:var(--zz-paper);box-shadow:none;color:var(--zz-ink)}.upx-tags-widget a:hover{border-color:var(--zz-blue);background:var(--zz-yellow);color:var(--zz-blue)}.upx-archive-widget a{color:var(--zz-ink)}.upx-archive-widget time{color:var(--zz-blue);font-family:var(--zz-mono);font-weight:900}
.upx-article-main{background:var(--zz-bg);padding-bottom:92px}.upx-article-hero{background:var(--zz-bg);padding:58px 16px 34px;text-align:center}.upx-article-hero h1{max-width:1020px;color:var(--zz-blue);font-size:clamp(34px,5.4vw,70px);line-height:1.06;letter-spacing:-.055em;text-shadow:3px 3px 0 var(--zz-yellow);transform:none}.upx-article-hero .article-dek{max-width:780px;color:var(--zz-muted);line-height:1.68;font-weight:650}.article-meta{color:var(--zz-faint);font-weight:800}.upx-article-kicker a,.upx-article-kicker span{border:2px solid var(--zz-blue);background:var(--zz-card);box-shadow:var(--zz-shadow-sm);color:var(--zz-blue)}.upx-article-layout{width:min(1240px,calc(100% - 32px));grid-template-columns:170px minmax(0,820px) 230px;gap:22px;margin-top:16px}.upx-prose{border:var(--zz-border-strong);background:var(--zz-card);box-shadow:var(--zz-shadow);padding:clamp(22px,3.8vw,42px);font-size:17px;line-height:1.86;color:var(--zz-ink);overflow:hidden}.upx-prose h1,.upx-prose h2,.upx-prose h3,.upx-prose h4{color:var(--zz-ink-strong);font-weight:950}.upx-prose h2{margin-top:56px;border-top:3px solid var(--zz-blue);font-size:clamp(25px,3vw,32px)}.upx-prose h2:before{content:'';display:inline-block;width:10px;height:24px;margin-right:10px;border:2px solid var(--zz-blue);background:var(--zz-yellow);box-shadow:none;vertical-align:-4px}.upx-prose h3{color:var(--zz-blue);font-size:clamp(21px,2.4vw,25px)}.upx-prose p,.upx-prose li{color:var(--zz-ink);line-height:1.86}.upx-prose a{color:var(--zz-blue);font-weight:850;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.upx-prose blockquote{background:var(--zz-note);border:3px solid var(--zz-blue);border-left-width:8px;box-shadow:3px 3px 0 var(--zz-blue);padding:16px 18px 16px 46px}.upx-prose code{background:#eef7ff;border:1.5px solid var(--zz-blue-soft);color:#075985}.code-shell,.upx-prose pre{border:3px solid var(--zz-blue);box-shadow:3px 3px 0 var(--zz-blue)}.upx-prose table{border:3px solid var(--zz-blue);box-shadow:3px 3px 0 var(--zz-blue)}.upx-prose th{background:var(--zz-yellow);color:var(--zz-blue)}.upx-prose img{border:3px solid var(--zz-blue);box-shadow:3px 3px 0 var(--zz-blue)}
.upx-toc-card,.markdown-support-card,.side-tags,.upx-article-tools .article-quicknav a{border:3px solid var(--zz-blue);background:var(--zz-card);box-shadow:3px 3px 0 var(--zz-blue);color:var(--zz-blue)}.upx-article-tools .article-quicknav .tags-link{background:var(--zz-yellow)}.side-tags p,.markdown-support-card p,.toc-card p{color:var(--zz-blue);font-weight:950}.tag-pill{border:2px solid var(--zz-blue-soft);background:var(--zz-paper);box-shadow:none}.tag-pill:hover{border-color:var(--zz-blue);background:var(--zz-yellow);box-shadow:var(--zz-shadow-sm)}.toc-card a{color:var(--zz-muted)}.toc-card a:hover{color:var(--zz-blue)}
.upx-page-main{background:var(--zz-bg)}.upx-page-hero{padding:38px 16px 32px}.upx-page-hero .upx-eyebrow{border:2px solid var(--zz-blue);background:var(--zz-card);box-shadow:var(--zz-shadow-sm);color:var(--zz-blue)}.upx-page-hero h1{color:var(--zz-blue);font-size:clamp(40px,6vw,76px);text-shadow:3px 3px 0 var(--zz-yellow);transform:none;letter-spacing:-.055em}.upx-page-hero p{max-width:760px}.upx-page-content{width:min(1040px,100%);background:transparent;border:0;box-shadow:none;padding:0;margin-bottom:78px}.upx-page-content>p:first-child,.upx-page-content>p:nth-child(2){width:min(900px,100%);margin:0 auto 16px;padding:20px 24px;border:var(--zz-border);background:var(--zz-card);box-shadow:var(--zz-shadow);color:var(--zz-muted);font-size:17px;line-height:1.82;font-weight:650}.upx-page-content h2{margin:30px 0 16px;color:var(--zz-blue);font-size:clamp(28px,4vw,46px);border:0;padding:0;text-shadow:none}.upx-page-content h2:before{content:'//';width:auto;height:auto;margin-right:10px;border:0;background:transparent;color:var(--zz-faint);font-family:var(--zz-mono);font-size:.55em;box-shadow:none}.upx-page-content ul,.upx-page-content ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 28px;padding:0;list-style:none}.upx-page-content li{position:relative;margin:0;padding:16px 16px 16px 46px;border:3px solid var(--zz-blue);background:var(--zz-card);box-shadow:3px 3px 0 var(--zz-blue);color:var(--zz-muted);line-height:1.72;font-weight:650}.upx-page-content li:before{content:counter(item,decimal-leading-zero);counter-increment:item;position:absolute;left:12px;top:16px;color:var(--zz-blue);font:950 12px/1 var(--zz-mono)}.upx-page-content ul,.upx-page-content ol{counter-reset:item}.upx-page-content li strong{color:var(--zz-ink-strong);font-weight:950}.upx-page-content code{background:#eef7ff;border:1.5px solid var(--zz-blue-soft);color:#075985}
.article-pager{width:min(820px,calc(100% - 32px));margin-inline:auto}.upx-backlinks{width:min(820px,calc(100% - 32px));margin-inline:auto;border-top-color:var(--zz-blue)}.backlink-card{background:var(--zz-card);border:3px solid var(--zz-blue);box-shadow:3px 3px 0 var(--zz-blue)}
@media(max-width:1100px){.upx-article-layout{grid-template-columns:1fr;width:min(860px,calc(100% - 24px))}.upx-toc-side{display:none}.upx-sidebar{position:static}.upx-layout{grid-template-columns:1fr}.upx-post-card{grid-template-columns:minmax(0,1fr) 190px}.upx-page-content ul,.upx-page-content ol{grid-template-columns:1fr}}
@media(max-width:700px){.upx-home{padding-top:34px}.upx-container{width:calc(100% - 20px)}.upx-hero{padding:24px 6px 32px}.upx-hero:before{font-size:10px;letter-spacing:.1em}.upx-post-card{grid-template-columns:1fr;padding:16px}.upx-thumb{order:-1;min-height:170px}.upx-category-bar{border-width:3px;box-shadow:3px 3px 0 var(--zz-blue)}.upx-article-hero{padding:40px 12px 26px}.upx-article-hero h1,.upx-page-hero h1{font-size:clamp(32px,10vw,46px);text-shadow:2px 2px 0 var(--zz-yellow)}.upx-prose{padding:20px 16px;border-width:3px;font-size:16px;line-height:1.82}.upx-prose h2{font-size:25px}.upx-page-content>p:first-child,.upx-page-content>p:nth-child(2){padding:16px;border-width:3px}.upx-page-content li{padding:14px 14px 14px 42px;border-width:3px}.upx-author-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:380px){.upx-author-links{grid-template-columns:1fr}.upx-post-meta{display:block}.upx-post-meta>*{margin-right:6px}.upx-page-content li{padding-left:14px}.upx-page-content li:before{position:static;display:block;margin-bottom:8px}}


/* Paper OS responsive overflow patch */
.upx-page-content,.upx-page-content *,.upx-post-card,.upx-post-card *{min-width:0;max-width:100%}
.upx-page-content li,.upx-post-link h3,.upx-post-link p{overflow-wrap:anywhere;word-break:break-word}
@media(max-width:700px){
  .upx-page-content ul,.upx-page-content ol{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  .upx-page-content li{width:100%;box-shadow:2px 2px 0 var(--zz-blue)}
  .upx-page-content>p:first-child,.upx-page-content>p:nth-child(2){width:100%;box-shadow:3px 3px 0 var(--zz-blue)}
  .upx-post-card:before{width:6px;border-right-width:2px}
}

/* Viewport width normalization after Paper OS fixed background */
html,body{width:100vw;max-width:100vw}