:root{--paper: #f3f2ec;--surface: #f8f7f2;--white: #fcfbf7;--ink: #22312a;--muted: #707a73;--line: #e4e3db;--line-dark: #d5d6cc;--green: #173d33;--green-soft: #e0e8df;--accent: #e45e3a;--accent-dark: #bf4325;--serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;--sans: "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--shadow-sm: 0 2px 8px rgba(24, 37, 31, .05);--shadow-md: 0 16px 40px rgba(24, 37, 31, .09);--ease: cubic-bezier(.16, 1, .3, 1);--ease-snap: cubic-bezier(.2, .95, .25, 1);--ease-pop: cubic-bezier(.22, 1.35, .36, 1);--dur-snap: 90ms;--dur-fast: .18s;--dur-pop: .42s;--radius-control: 6px;--radius-inner: 8px;--radius-seam: 10px;--radius-outer: 18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{cursor:pointer}button,input,textarea,select{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{color:var(--white);background:var(--green)}.page-shell{width:min(1280px,calc(100% - 64px));margin-inline:auto}.site-page{min-height:100vh;overflow:clip}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:1px solid transparent;border-radius:4px;font-weight:650;transition:transform .18s var(--ease),background .18s,color .18s}.button:hover{transform:translateY(-2px)}.button-primary{color:var(--white);background:var(--green)}.button-primary:hover{background:#225044}.text-link{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;margin:-7px -10px;border-radius:6px;font-weight:650}.text-link:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:transparent;transition:background-color var(--dur-fast)}.text-link:hover:before{background:#e8e7df}.text-link:active{transform:scale(.97)}.text-link svg{transition:transform .2s var(--ease)}.text-link:hover svg{transform:translate(3px,-2px)}.brand{display:inline-flex;align-items:center;gap:11px}.brand-mark{position:relative;width:31px;height:34px;display:inline-block}.brand-mark i{position:absolute;left:2px;width:25px;height:8px;background:var(--green)}.brand-mark i:first-child{top:4px}.brand-mark i:nth-child(2){top:17px;width:18px}.brand-mark b{position:absolute;right:0;bottom:1px;width:9px;height:9px;border-radius:50%;background:var(--accent)}.brand-name{font-family:var(--serif);font-size:25px;font-weight:700;letter-spacing:.08em;line-height:1}.brand-en{padding-left:11px;border-left:1px solid var(--line-dark);color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.16em}.brand--inverse .brand-name{color:var(--white)}.brand--inverse .brand-mark i{background:var(--paper)}.brand--inverse .brand-en{color:#a9bcb4;border-color:#526c63}.site-header{position:relative;z-index:50;border-bottom:1px solid var(--line);background:#f4f3edf0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center}.header-actions{display:flex;align-items:center;gap:14px}.search-trigger{height:38px;display:flex;align-items:center;gap:9px;padding:0 9px 0 13px;color:var(--muted);border:1px solid var(--line);border-radius:4px;background:var(--surface);font-size:13px}.search-trigger kbd{padding:1px 6px;border:1px solid var(--line);border-radius:3px;color:#7b817d;background:var(--paper);font-family:var(--mono);font-size:10px}.mobile-menu-button{display:none;width:42px;height:42px;place-items:center;border:0;background:transparent}.mobile-nav{display:none;padding-block:12px 22px}.mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:start center;padding:12vh 20px 30px;background:#0e1b1694;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.search-dialog{width:min(680px,100%);overflow:hidden;border:1px solid #d5d8cf;border-radius:10px;background:var(--surface);box-shadow:0 30px 100px #0a1a134d;animation:dialog-in .3s var(--ease)}.search-input-row{display:flex;align-items:center;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line)}.search-input-row input{flex:1;min-width:0;border:0;color:var(--ink);background:transparent;font-size:17px}.search-input-row button{display:grid;place-items:center;padding:6px;border:0;background:transparent}.search-caption{padding:16px 22px 8px;color:var(--muted);font-size:12px}.search-results{padding:0 10px 12px}.search-results a{display:flex;align-items:center;gap:15px;padding:14px 12px;border-radius:5px}.search-results a:hover{background:var(--green-soft)}.search-results a>span:nth-child(2){flex:1}.search-results strong,.search-results small{display:block}.search-results strong{font-size:14px;line-height:1.5}.search-results small{margin-top:4px;color:var(--muted);font-size:11px}.search-result-index{color:var(--accent);font-family:var(--mono);font-size:12px}.search-hint{display:flex;align-items:center;gap:6px;padding:12px 22px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.search-hint kbd{padding:0 5px;border:1px solid var(--line);border-radius:3px}.search-hint span{margin-left:auto}.search-empty{padding:50px 22px;text-align:center;color:var(--muted)}.home-hero{position:relative;display:grid;grid-template-columns:1.03fr .97fr;gap:82px;align-items:center;padding-block:72px 86px}.home-hero:before{content:"";position:absolute;top:34px;left:-42px;width:42px;height:170px;border-left:1px solid var(--line-dark);border-top:1px solid var(--line-dark);pointer-events:none}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:25px;color:var(--muted);font-size:12px;letter-spacing:.15em}.eyebrow span{width:20px;height:2px;background:var(--accent)}.hero-copy h1{margin:0;font-family:var(--serif);font-size:clamp(43px,4.5vw,68px);font-weight:700;line-height:1.28;letter-spacing:-.055em}.hero-copy h1 em{color:var(--green);font-style:normal}.hero-description{margin:26px 0 0;color:var(--muted);font-size:16px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:34px}.hero-actions .button,.hero-actions .text-link{min-height:42px;padding:0 18px;margin:0;border-radius:7px;font-size:13px;letter-spacing:.01em}.hero-actions .button{gap:8px;box-shadow:0 8px 18px #173d331a}.hero-actions .text-link{background:#e6e5dc;box-shadow:inset 0 0 0 1px #173d330e}.hero-actions .text-link:before{border-radius:inherit}.hero-actions .text-link:hover{color:var(--ink)}.hero-actions .text-link:hover:before{background:#dcdad0}.hero-proof{display:flex;gap:0;margin-top:52px}.hero-proof>div{display:flex;flex-direction:column;padding:0 25px;border-left:1px solid var(--line)}.hero-proof>div:first-child{padding-left:0;border-left:0}.hero-proof strong{font-family:var(--serif);font-size:25px;line-height:1.2}.hero-proof span{margin-top:4px;color:var(--muted);font-size:11px}.hero-feature{position:relative;display:block;padding:20px 20px 0;color:var(--white);background:var(--green);box-shadow:18px 18px #e0e2d9;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.hero-feature:hover{transform:translate(-4px,-4px);box-shadow:25px 25px #e0e2d9}.feature-label{display:flex;justify-content:space-between;padding-bottom:16px;color:#bbccc4;font-family:var(--mono);font-size:10px;letter-spacing:.14em}.feature-label span:first-child{color:#f3c2ae;font-family:var(--sans)}.feature-content{padding:22px 2px 20px}.feature-meta{display:flex;align-items:center;gap:18px;color:#b7c9c0;font-size:11px}.feature-meta span{display:inline-flex;align-items:center;gap:5px}.feature-content h2{margin:11px 0 22px;font-family:var(--serif);font-size:24px;line-height:1.55;letter-spacing:-.02em}.feature-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #45675c;font-size:12px}.feature-arrow{display:grid;place-items:center;color:#f0a387}.tutorial-library{padding-block:100px 90px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-number{display:block;margin-bottom:10px;color:var(--accent-dark);font-family:var(--mono);font-size:11px;letter-spacing:.12em}.section-heading h2{margin:0;font-family:var(--serif);font-size:37px;line-height:1.35;letter-spacing:-.035em}.section-heading>p{max-width:380px;margin:0 0 6px;color:var(--muted);font-size:13px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;padding-bottom:15px;border-bottom:1px solid var(--line)}.category-tabs{display:flex;flex-wrap:wrap;gap:7px}.category-tabs button{padding:7px 15px;border:0;border-radius:3px;color:var(--muted);background:transparent;font-size:12px;transition:color var(--dur-fast),background-color var(--dur-fast),transform var(--dur-fast) var(--ease-pop)}.category-tabs button:hover:not(.active){color:var(--ink);background:#e8e7df}.category-tabs button:active:not(.active){background:#deddd4;transform:scale(.97)}.category-tabs button.active{color:var(--white);background:var(--green)}.sort-tabs{display:flex;flex-shrink:0;gap:16px}.sort-tabs button{padding:5px 0;border:0;border-bottom:1px solid transparent;color:var(--muted);background:transparent;font-size:11px;transition:color var(--dur-fast),border-color var(--dur-fast)}.sort-tabs button:hover{color:var(--ink);border-bottom-color:var(--line-dark)}.sort-tabs button.active{color:var(--ink);border-color:var(--accent)}.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;transition:opacity .18s var(--ease)}.tutorial-grid.is-refreshing{opacity:.45}.tutorial-card{min-width:0;border:1px solid var(--line);background:var(--surface);transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}.tutorial-card:hover{transform:translateY(-5px);border-color:#b8c0b5;box-shadow:var(--shadow-md)}.card-link{height:100%;display:flex;flex-direction:column}.card-body{flex:1;display:flex;flex-direction:column;padding:23px 24px 18px}.card-kicker{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px}.card-kicker span:first-child{color:var(--accent-dark)}.card-body h3{margin:12px 0 10px;font-family:var(--serif);font-size:20px;line-height:1.55;letter-spacing:-.02em}.card-body>p{display:-webkit-box;flex:1;margin:0;overflow:hidden;color:var(--muted);font-size:12px;line-height:1.85;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:24px;margin-top:14px}.card-tags span{min-height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border-radius:3px;color:#6e766f;background:#ebeae2;font-size:9px;line-height:1;white-space:nowrap}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.card-stats{display:flex;gap:16px;color:var(--muted);font-family:var(--mono);font-size:10px}.card-stats span{display:flex;align-items:center;gap:5px}.round-arrow{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:color .2s,background .2s}.tutorial-card:hover .round-arrow{color:var(--white);background:var(--accent);border-color:var(--accent)}.library-count{margin-top:25px;color:var(--muted);font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-align:right}.list-inline-error{display:flex;align-items:center;justify-content:center;gap:12px;margin:24px 0 0;color:#8a5b46;font-size:12px}.list-inline-error button{border:0;border-bottom:1px solid currentColor;padding:0 0 1px;color:inherit;background:transparent;font-size:12px}.empty-state{padding:80px 20px;text-align:center;border:1px dashed var(--line-dark)}.empty-state svg{color:var(--muted)}.empty-state h3{margin-bottom:0}.empty-state p{color:var(--muted)}.compact-heading{margin-bottom:28px}.manifesto{position:relative;margin-bottom:110px;padding:60px 80px;color:var(--white);background:var(--green);text-align:center}.manifesto-mark{position:absolute;top:15px;left:30px;color:#527166;font-family:var(--serif);font-size:100px;line-height:1}.manifesto>p{position:relative;margin:0;font-family:var(--serif);font-size:clamp(23px,3vw,36px);line-height:1.65}.manifesto em{color:#f0ad90;font-style:normal}.manifesto>div{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;color:#b4c6bd;font-size:11px}.tutorial-cover{position:relative;min-height:240px;overflow:hidden;background:#dce5dc}.tutorial-cover.compact{min-height:0;aspect-ratio:1.7}.tutorial-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(23,61,51,.08);pointer-events:none}.cover-topline{position:absolute;z-index:2;top:17px;left:19px;right:19px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:8px;letter-spacing:.1em;opacity:.7}.cover-glyph{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-60%);font-family:var(--serif);font-size:clamp(52px,6vw,85px);font-weight:700;letter-spacing:.06em;white-space:nowrap}.compact .cover-glyph{font-size:clamp(43px,4vw,64px)}.cover-wire{position:absolute;border:1px solid currentColor;opacity:.16;transform:rotate(-18deg)}.wire-one{width:180px;height:180px;top:22%;left:-45px}.wire-two{width:120px;height:120px;right:-25px;bottom:5%}.cover-terminal{position:absolute;right:16px;bottom:14px;left:16px;display:flex;align-items:center;gap:5px;padding:8px 10px;color:inherit;border:1px solid currentColor;background:#ffffff59}.cover-terminal>span{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.5}.cover-terminal code{margin-left:auto;font-family:var(--mono);font-size:7px}.tone-green{color:#173d33;background:#dce5dc}.tone-orange{color:#71301e;background:#f0d8c9}.tone-blue{color:#254c59;background:#d5e2e4}.tone-sand{color:#5b513b;background:#e8e1ce}.site-footer{color:#dce5df;background:#102a23}.footer-main{position:relative;display:grid;grid-template-columns:1fr auto;gap:80px;padding-block:60px 50px}.footer-main p{margin:24px 0 0;color:#94aba2;font-size:12px;line-height:2}.footer-note{display:flex;flex-direction:column;gap:8px;min-width:160px;font-size:12px}.footer-note>span{margin-bottom:6px;color:#728f83;font-family:var(--mono);font-size:9px;letter-spacing:.12em}.footer-note a:hover{color:#f0ad90}.back-top{position:absolute;right:0;bottom:48px;width:42px;height:42px;display:grid;place-items:center;color:#b7c9c0;border:1px solid #3a574d;background:transparent}.footer-bottom{display:flex;justify-content:space-between;padding-block:18px;border-top:1px solid #2d493f;color:#718e82;font-family:var(--mono);font-size:9px;letter-spacing:.08em}.reading-progress{position:fixed;z-index:100;top:0;left:0;height:3px;background:var(--accent);transition:width .08s linear}.article-breadcrumb{display:flex;align-items:center;gap:9px;padding-block:26px;color:var(--muted);font-size:11px}.article-breadcrumb a{display:flex;align-items:center;gap:6px;color:var(--ink)}.article-header{max-width:1030px;padding-block:35px 45px;text-align:center}.article-labels{display:flex;justify-content:center;gap:8px}.article-labels span{padding:3px 10px;border:1px solid var(--line-dark);border-radius:2px;color:var(--muted);font-size:10px}.article-labels span:first-child{color:var(--accent-dark);border-color:#dda58f}.article-header h1{margin:22px auto 20px;font-family:var(--serif);font-size:clamp(36px,4.5vw,55px);line-height:1.4;letter-spacing:-.045em}.article-header>p{max-width:750px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.9}.article-byline{display:flex;align-items:center;margin-top:30px;text-align:left}.article-byline>div:nth-child(2){display:flex;flex-direction:column}.article-byline strong{font-size:12px}.article-byline>div:nth-child(2) span{color:var(--muted);font-size:9px}.article-meta{display:flex;align-items:center;gap:20px;margin-left:auto;color:var(--muted);font-size:10px}.article-meta span{display:flex;align-items:center;gap:5px}.article-hero-cover{position:relative;max-width:1160px;height:400px;overflow:hidden;padding:35px 40px;color:#e7eee8;background:var(--green)}.article-cover-code{font-family:var(--mono);font-size:10px;letter-spacing:.16em}.article-cover-title{position:absolute;z-index:2;top:50%;left:9%;transform:translateY(-55%);font-family:var(--serif);font-size:95px;font-weight:700;letter-spacing:.12em;line-height:1}.article-cover-title span{display:block;margin-top:24px;color:#a9bfb5;font-family:var(--sans);font-size:13px;font-weight:400;letter-spacing:.4em}.article-cover-grid{position:absolute;right:4%;top:15%;width:46%;height:70%;display:grid;grid-template-columns:repeat(4,1fr);transform:rotate(-8deg)}.article-cover-grid i{border:1px solid #46685c}.article-cover-grid i:nth-child(3),.article-cover-grid i:nth-child(6),.article-cover-grid i:nth-child(11){background:var(--accent);border-color:var(--accent);opacity:.85}.article-cover-footer{position:absolute;right:35px;bottom:25px;left:35px;display:flex;justify-content:space-between;color:#8fa99d;font-family:var(--mono);font-size:8px;letter-spacing:.12em}.article-layout{max-width:1100px;display:grid;grid-template-columns:185px minmax(0,730px);gap:85px;justify-content:center;padding-block:70px 100px}.article-toc{position:sticky;top:35px;align-self:start}.toc-title{padding-bottom:13px;border-bottom:1px solid var(--ink);font-size:12px;font-weight:700}.toc-title span{display:block;color:var(--muted);font-family:var(--mono);font-size:8px;font-weight:400;letter-spacing:.15em}.article-toc nav{display:flex;flex-direction:column;padding-block:12px}.article-toc nav button{display:flex;align-items:center;gap:10px;padding:10px 7px;border:0;border-left:2px solid transparent;color:var(--muted);background:transparent;font-size:11px;text-align:left}.article-toc nav button small{font-family:var(--mono);font-size:9px}.article-toc nav button.active{color:var(--accent-dark);border-left-color:var(--accent);background:#eee9df}.toc-help{margin-top:15px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.toc-help a{display:block;margin-top:4px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.toc-progress{position:relative;width:100%;height:3px;margin-top:14px;overflow:hidden;background:var(--line)}.toc-progress>span{display:block;height:100%;min-width:8%;background:var(--accent);transition:width .1s linear}.article-content{min-width:0;padding:52px 56px 48px;border:1px solid #ebe9e2;border-radius:18px;background:#f7f6f1;box-shadow:0 14px 36px #18251f06;font-size:16px;line-height:2}.article-note{display:flex;gap:15px;margin-bottom:55px;padding:22px 25px;border-left:3px solid var(--green);background:#e7ece3}.article-note>svg{flex-shrink:0;margin-top:5px;color:var(--green)}.article-note strong{font-size:14px}.article-note p{margin:3px 0 0;color:#526159;font-size:13px}.article-section{margin-bottom:65px}.article-step-label{margin-bottom:5px;color:var(--accent-dark);font-family:var(--mono);font-size:10px;letter-spacing:.14em}.article-content h2{margin:0 0 22px;font-family:var(--serif);font-size:30px;line-height:1.5;letter-spacing:-.03em}.article-content h3{margin:35px 0 12px;font-family:var(--serif);font-size:21px}.article-content p{margin:16px 0;color:#3e4a44}.check-list{display:flex;flex-direction:column;gap:0;margin:25px 0;padding:0;border-top:1px solid var(--line);list-style:none}.check-list li{display:flex;gap:14px;padding:18px 4px;border-bottom:1px solid var(--line)}.check-list li>svg{flex-shrink:0;margin-top:7px;color:var(--accent)}.check-list strong,.check-list span{display:block}.check-list strong{font-size:14px}.check-list span{color:var(--muted);font-size:12px}.article-callout{margin:28px 0;padding:18px 24px;border:1px solid #e4c1ae;background:#f5e9df}.article-callout strong{color:#9b482e;font-size:13px}.article-callout p{margin:3px 0 0;font-size:12px}.article-image{position:relative;width:100%;margin-top:25px;padding:0;overflow:hidden;border:1px solid var(--line);background:#eef0ea}.article-image img{width:100%;transition:transform .5s var(--ease)}.article-image:hover img{transform:scale(1.015)}.article-image>span{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:6px;padding:7px 11px;color:var(--white);border-radius:3px;background:#173d33e0;font-size:10px}.image-caption{margin:8px 0 0!important;color:var(--muted)!important;font-size:10px;text-align:center}.code-block{margin-top:24px;color:#dce8e1;background:#152b24}.code-header{display:flex;align-items:center;justify-content:space-between;padding:10px 17px;border-bottom:1px solid #345047;color:#91a99e;font-family:var(--mono);font-size:9px}.code-header button{display:flex;align-items:center;gap:5px;padding:3px;color:#c5d4cc;border:0;background:transparent;font-size:10px}.code-block pre{margin:0;padding:22px;overflow-x:auto;font-family:var(--mono);font-size:12px;line-height:1.9}.code-key{color:#efaa8d}.code-value{color:#c3d99b}.number-list{margin:25px 0;padding:0;list-style:none}.number-list li{display:flex;align-items:center;gap:14px;margin:10px 0;font-size:14px}.number-list span{width:26px;height:26px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--line-dark);border-radius:50%;color:var(--accent-dark);font-family:var(--mono);font-size:10px}.verification-box{display:flex;gap:16px;padding:25px;color:var(--white);background:var(--green)}.verification-box svg{flex-shrink:0;margin-top:5px;color:#efaa8d}.verification-box p{margin:4px 0 0;color:#bbccc4;font-size:12px}.attachment-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;margin-top:20px;padding:20px;border:1px solid var(--line-dark);background:var(--surface)}.attachment-icon{width:48px;height:48px;display:grid;place-items:center;color:var(--accent-dark);background:#f1ded2}.attachment-card>div:nth-child(2){display:flex;flex-direction:column}.attachment-card>div:nth-child(2)>span{color:var(--accent-dark);font-size:9px}.attachment-card strong{font-size:13px}.attachment-card small{color:var(--muted);font-size:9px}.attachment-card>button{display:flex;align-items:center;gap:7px;padding:10px 14px;color:var(--white);border:0;border-radius:3px;background:var(--green);font-size:11px}.article-feedback{display:flex;align-items:center;gap:10px;margin-top:40px;padding:26px 0;border-block:1px solid var(--line)}.article-feedback>div{flex:1}.article-feedback strong,.article-feedback span{display:block}.article-feedback strong{font-size:13px}.article-feedback span{color:var(--muted);font-size:10px}.article-feedback>button{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid var(--line-dark);border-radius:3px;background:transparent;font-size:11px}.article-feedback>button.liked{color:var(--accent-dark);border-color:#dda58f;background:#f5e9df}.comments-section{max-width:1000px;padding-block:75px 90px;border-top:1px solid var(--line)}.comments-section .section-heading>p{display:flex;align-items:center;gap:6px}.comments-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:45px}.comment-form{position:sticky;top:96px;align-self:start;padding:25px;border:1px solid var(--line);background:var(--surface)}.comment-form-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.comment-avatar-preview,.default-avatar,.author-avatar{display:grid;place-items:center;overflow:hidden;line-height:1;text-align:center}.comment-avatar-preview{width:42px;height:42px;color:#74837b;border-radius:50%;background:#e2e6df}.comment-avatar-preview img{width:100%;height:100%;object-fit:cover}.comment-avatar-preview svg,.default-avatar svg{display:block;width:22px;height:22px;margin:0 auto}.default-avatar{width:38px;height:38px;flex-shrink:0;padding:1px 0 0;color:var(--green);border:1px solid #cdd7cd;border-radius:50%;background:#e2e9e0;font-family:var(--serif);font-size:13px}.author-avatar{width:39px;height:39px;margin-right:11px;color:var(--white);border-radius:50%;background:var(--green);font-family:var(--serif);font-size:15px}.comment-form-top strong,.comment-form-top span{display:block}.comment-form-top strong{font-size:13px}.comment-form-top span{color:var(--muted);font-size:9px}.comment-form textarea{width:100%;resize:vertical;padding:13px;border:1px solid var(--line);color:var(--ink);background:var(--paper);font-size:12px;line-height:1.8}.comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.comment-fields label>span{display:block;margin-bottom:5px;font-size:10px}.comment-fields small{color:var(--muted);font-size:8px}.comment-fields input{width:100%;height:38px;padding:0 10px;border:1px solid var(--line);background:var(--white);font-size:11px}.comment-form-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.comment-form-bottom>span{color:var(--muted);font-family:var(--mono);font-size:9px}.comment-form-bottom .button{min-height:39px;padding-inline:16px;font-size:11px}.submitted-note{display:flex;align-items:center;gap:7px;margin-top:15px;padding:10px;color:#2d624f;background:var(--green-soft);font-size:10px}.comment-list{display:flex;flex-direction:column}.comment-item{display:flex;gap:13px;padding:20px 0;border-bottom:1px solid var(--line)}.comment-item:first-child{padding-top:0}.comment-item>div:last-child{flex:1}.comment-author{display:flex;align-items:center;gap:10px}.comment-author strong{font-size:12px}.comment-author span{color:var(--muted);font-family:var(--mono);font-size:8px}.comment-item p{margin:8px 0;color:#49564f;font-size:12px;line-height:1.85}.comment-item button{padding:0;color:var(--muted);border:0;background:transparent;font-size:10px}.related-tutorials{max-width:1160px;padding-bottom:100px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;display:grid;place-items:center;padding:60px;background:#08140fe6}.lightbox>button{position:absolute;top:25px;right:25px;display:grid;place-items:center;padding:10px;color:var(--white);border:1px solid #5a6e65;background:transparent}.lightbox img{max-width:min(1200px,100%);max-height:85vh;box-shadow:0 24px 80px #08140fb8}.toast-message{position:fixed;z-index:400;right:28px;bottom:28px;display:flex;align-items:center;gap:9px;max-width:calc(100vw - 40px);padding:14px 20px;color:var(--white);border:1px solid #45685b;border-radius:5px;background:var(--green);box-shadow:var(--shadow-md);font-size:12px}.toast-enter-active,.toast-leave-active{transition:opacity .25s,transform .25s var(--ease)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(15px)}.admin-shell{min-height:100vh;color:#21342c;background:#f2f3ef;--admin-border: #dfe3dc}.admin-sidebar{position:fixed;z-index:70;inset:0 auto 0 0;width:230px;display:flex;flex-direction:column;color:#dbe6df;background:#142f27}.admin-brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 23px;border-bottom:1px solid #2d493f}.admin-brand .brand-en{display:none}.admin-brand .brand-name{font-size:23px}.admin-brand>span{padding-left:12px;border-left:1px solid #456057;color:#8da59a;font-size:10px}.admin-nav{display:flex;flex-direction:column;gap:5px;padding:25px 14px}.admin-nav-label{padding:0 10px 10px;color:#6d8b7e;font-family:var(--mono);font-size:9px;letter-spacing:.15em}.admin-nav button{height:45px;display:flex;align-items:center;gap:12px;padding:0 13px;color:#9cb3a9;border:0;border-radius:4px;background:transparent;font-size:12px;text-align:left}.admin-nav button:hover{color:#fff;background:#1d3d33}.admin-nav button.active{color:#fff;background:#2b5043}.admin-nav button.active svg{color:#f0a387}.admin-nav button b{min-width:19px;margin-left:auto;padding:1px 5px;color:#fff;border-radius:9px;background:var(--accent);font-family:var(--mono);font-size:9px;text-align:center}.admin-sidebar-bottom{margin-top:auto;padding:20px 20px 18px}.storage-label{display:flex;justify-content:space-between;color:#8fa69c;font-size:9px}.storage-bar{height:3px;margin:8px 0 22px;background:#355047}.storage-bar i{display:block;width:28%;height:100%;background:#df997e}.admin-sidebar-bottom>a{display:flex;align-items:center;gap:9px;padding:10px 0;color:#9fb4ab;font-size:11px}.admin-user{display:flex;align-items:center;gap:9px;margin-top:13px;padding-top:16px;border-top:1px solid #2d493f}.admin-user>span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#173d33;background:#dfe8df;font-family:var(--serif)}.admin-user>div{flex:1;display:flex;flex-direction:column}.admin-user-name{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:0;border:0;background:transparent;text-align:left}.admin-user-name:hover strong{color:#fff}.admin-user strong{font-size:11px}.admin-user small{color:#789488;font-size:8px}.admin-user svg{color:#789488}.admin-main{min-height:100vh;margin-left:230px}.admin-topbar{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--admin-border);background:#fafbf8}.admin-topbar>div{display:flex;align-items:center;gap:18px}.admin-breadcrumb{color:#89938d;font-size:10px}.admin-breadcrumb strong{color:#405048}.admin-notification{position:relative;display:grid;place-items:center;padding:6px;border:0;background:transparent}.admin-notification i{position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.admin-status{display:flex;align-items:center;gap:6px;color:#738078;font-size:9px}.admin-status i{width:6px;height:6px;border-radius:50%;background:#4a9b73}.admin-menu{display:none;padding:5px;border:0;background:transparent}.admin-content{width:min(1420px,calc(100% - 64px));margin:0 auto;padding:34px 0 60px}.admin-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.admin-page-heading h1{margin:0;font-family:var(--serif);font-size:27px;letter-spacing:-.03em}.admin-page-heading p{margin:5px 0 0;color:#79867f;font-size:11px}.admin-primary{color:#fff!important;background:var(--green)!important}.admin-panel{border:1px solid var(--admin-border);border-radius:6px;background:#fbfcf9}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.stats-grid article{padding:20px 22px;border:1px solid var(--admin-border);border-radius:5px;background:#fbfcf9}.stats-grid article>span{display:flex;align-items:center;justify-content:space-between;color:#738078;font-size:10px}.stats-grid article>strong{display:block;margin:12px 0 8px;font-family:var(--serif);font-size:29px;line-height:1}.stats-grid small{color:#8a958f;font-size:9px}.stats-grid small b{color:#34795b}.stats-grid .pending-stat{color:#fff;border-color:var(--green);background:var(--green)}.pending-stat>span,.pending-stat small{color:#b6c9bf!important}.pending-stat button{display:flex;align-items:center;gap:6px;padding:0;color:#f0b29a;border:0;background:transparent;font-size:9px}.pending-stat button svg{transform:rotate(180deg)}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-bottom:18px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px;border-bottom:1px solid var(--admin-border)}.panel-heading h2{margin:0;font-size:13px}.panel-heading p{margin:2px 0 0;color:#8a958f;font-size:9px}.panel-heading>span{color:#7c8981;font-family:var(--mono);font-size:10px}.panel-heading>button{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--admin-border);border-radius:3px;background:transparent;font-size:9px}.bar-chart{height:240px;display:flex;align-items:stretch;justify-content:space-around;gap:15px;padding:30px 25px 20px}.bar-column{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px}.bar-column i{width:min(34px,70%);min-height:10px;display:block;background:#c7d8cb;transition:background .2s}.bar-column:nth-child(6) i{background:var(--accent)}.bar-column:hover i{background:var(--green)}.bar-column small{color:#7b8780;font-size:8px}.bar-value{position:absolute;top:-5px;color:#8b958f;font-family:var(--mono);font-size:8px;opacity:0;transition:opacity .2s}.bar-column:hover .bar-value{opacity:1}.quick-panel>button{width:calc(100% - 32px);display:flex;align-items:center;gap:12px;margin:12px 16px 0;padding:13px;border:1px solid var(--admin-border);border-radius:4px;background:#fff;text-align:left}.quick-panel>button:last-child{margin-bottom:16px}.quick-panel>button>span{flex:1;display:flex;flex-direction:column}.quick-panel>button strong{font-size:11px}.quick-panel>button small{color:#8a958f;font-size:8px}.quick-panel>button>svg:first-child{color:#507162}.quick-panel>button>svg:last-child{color:#9ca59f}.recent-panel .panel-heading>button{border:0}.recent-row{display:grid;grid-template-columns:35px 1fr 90px 30px;align-items:center;gap:13px;margin:0 22px;padding:15px 0;border-bottom:1px solid var(--admin-border)}.recent-row:last-child{border-bottom:0}.recent-index{color:var(--accent-dark);font-family:var(--mono);font-size:9px}.recent-row>div{display:flex;flex-direction:column}.recent-row strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.recent-row small{color:#8a958f;font-size:8px}.recent-row>span:nth-child(3){display:flex;align-items:center;gap:5px;color:#7d8982;font-family:var(--mono);font-size:9px}.recent-row>button{display:grid;place-items:center;padding:5px;border:0;background:transparent}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;border-bottom:1px solid var(--admin-border)}.admin-search{width:300px;height:36px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid var(--admin-border);border-radius:4px;background:#fff}.admin-search input{width:100%;border:0;background:transparent;font-size:10px}.table-toolbar>div{display:flex;gap:8px}.table-toolbar>div button{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--admin-border);border-radius:4px;background:#fff;font-size:9px}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap}.admin-table th{padding:11px 15px;color:#7e8a83;background:#f3f5f0;font-size:9px;font-weight:500;text-align:left}.admin-table td{padding:14px 15px;border-bottom:1px solid var(--admin-border)}.admin-table td:first-child{min-width:350px;display:flex;align-items:center;gap:10px;white-space:normal}.table-file-icon{width:34px;height:40px;display:grid;place-items:center;flex-shrink:0;color:#567366;background:#e6ece4}.admin-table td:first-child>div{display:flex;flex-direction:column}.admin-table td:first-child strong{max-width:380px;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.admin-table td:first-child small{color:#929c96;font-family:var(--mono);font-size:8px}.status-published{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;color:#317452;border-radius:3px;background:#e5f0e7;font-size:8px}.status-published i{width:5px;height:5px;border-radius:50%;background:#438665}.table-data{display:flex;align-items:center;gap:5px;color:#6e7b73;font-family:var(--mono);font-size:8px}.table-data svg:nth-of-type(2){margin-left:6px}.admin-table td:last-child button{padding:5px;color:#6d7a72;border:0;background:transparent}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;color:#849088;font-size:9px}.table-footer>div{display:flex;gap:5px}.table-footer button{padding:4px 8px;border:1px solid var(--admin-border);border-radius:3px;background:#fff;font-size:8px}.table-footer button.active{color:#fff;background:var(--green)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.editor-panel{padding:25px}.editor-title-label,.editor-summary-label{display:block;margin-bottom:20px}.editor-title-label>span,.editor-summary-label>span{display:block;margin-bottom:7px;color:#718078;font-size:9px}.editor-title-label input{width:100%;padding:8px 0 13px;border:0;border-bottom:1px solid var(--admin-border);background:transparent;font-family:var(--serif);font-size:22px;font-weight:600}.editor-summary-label textarea{width:100%;resize:vertical;padding:10px 12px;border:1px solid var(--admin-border);border-radius:3px;background:#fff;font-size:10px;line-height:1.8}.rich-editor{overflow:hidden;border:1px solid #cdd4ca;border-radius:4px;background:#fff}.editor-toolbar{display:flex;align-items:center;gap:3px;padding:8px;border-bottom:1px solid var(--admin-border);background:#f6f7f3}.editor-toolbar select{height:29px;padding:0 5px;border:1px solid var(--admin-border);border-radius:3px;background:#fff;font-size:9px}.editor-toolbar>span{width:1px;height:20px;margin:0 5px;background:var(--admin-border)}.editor-toolbar button{width:30px;height:30px;display:grid;place-items:center;padding:0;border:0;border-radius:3px;background:transparent}.editor-toolbar button:hover{background:#e3e9e0}.editor-canvas{min-height:480px;padding:30px 38px;color:#37473f;font-size:13px;line-height:2}.editor-canvas h2{font-family:var(--serif);font-size:22px}.editor-canvas blockquote{margin:20px 0;padding:10px 18px;color:#66776e;border-left:3px solid var(--accent);background:#f3f3ed}.editor-canvas img{max-width:100%}.editor-status{display:flex;justify-content:space-between;padding:8px 12px;color:#929c96;border-top:1px solid var(--admin-border);background:#f8f9f6;font-size:8px}.editor-settings{display:flex;flex-direction:column;gap:15px}.editor-settings .admin-panel>label{display:block;margin:17px;color:#69786f;font-size:9px}.editor-settings select{width:100%;height:36px;display:block;margin-top:6px;padding:0 8px;border:1px solid var(--admin-border);background:#fff;font-size:10px}.draft-badge{padding:2px 7px;color:#856344;border-radius:3px;background:#f1e8d9;font-size:8px}.editor-tags{margin:17px}.editor-tags>span{display:block;margin-bottom:7px;color:#69786f;font-size:9px}.editor-tags button{margin:0 4px 5px 0;padding:4px 8px;color:#6c7971;border:1px solid var(--admin-border);border-radius:3px;background:#fff;font-size:8px}.editor-tags button.selected{color:#fff;border-color:var(--green);background:var(--green)}.cover-upload{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:6px;padding:17px;color:#6e7c73;border:1px dashed #bdc8bb;border-radius:4px;background:#f6f8f3}.cover-upload span{margin-top:5px;font-size:10px}.cover-upload small{color:#929c96;font-size:8px}.publish-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 17px 17px}.publish-actions button{height:37px;border:1px solid var(--admin-border);border-radius:3px;background:#fff;font-size:10px}.editor-tip{display:flex;gap:10px;padding:16px}.editor-tip svg{flex-shrink:0;color:#4f7963}.editor-tip strong{font-size:10px}.editor-tip p{margin:4px 0 0;color:#849087;font-size:8px}.taxonomy-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.category-admin-row{display:grid;grid-template-columns:30px 25px 1fr auto 30px;align-items:center;gap:9px;margin:0 20px;padding:16px 0;border-bottom:1px solid var(--admin-border)}.category-admin-row:last-child{border:0}.category-admin-row>span{color:var(--accent-dark);font-family:var(--mono);font-size:9px}.category-admin-row>svg{color:#6c8276}.category-admin-row strong{font-size:11px}.category-admin-row small{color:#849087;font-size:9px}.category-admin-row button{padding:5px;border:0;background:transparent}.tag-add-form{display:flex;gap:8px;padding:20px}.tag-add-form input{flex:1;min-width:0;padding:0 11px;border:1px solid var(--admin-border);border-radius:3px;font-size:10px}.tag-add-form button{display:flex;align-items:center;gap:5px;padding:0 12px;border:0;border-radius:3px;font-size:9px}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 25px}.tag-cloud>span{display:flex;align-items:center;gap:7px;padding:6px 9px;color:#52665b;border:1px solid #d8ded5;border-radius:3px;background:#f0f3ed;font-size:9px}.tag-cloud button{display:grid;place-items:center;padding:0;color:#89958e;border:0;background:transparent}.comment-tabs{display:flex;gap:25px;padding:0 22px;border-bottom:1px solid var(--admin-border)}.comment-tabs button{position:relative;display:flex;align-items:center;gap:7px;padding:16px 0;color:#7e8b83;border:0;background:transparent;font-size:11px}.comment-tabs button.active{color:var(--green);font-weight:650}.comment-tabs button.active:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--green)}.comment-tabs b{padding:0 6px;border-radius:8px;background:#e8ece5;font-family:var(--mono);font-size:8px}.moderation-list>article{display:flex;align-items:flex-start;gap:13px;padding:22px;border-bottom:1px solid var(--admin-border)}.moderation-list>article:last-child{border:0}.moderation-body{flex:1}.moderation-body>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.moderation-body strong{font-size:11px}.moderation-body>div span{display:flex;align-items:center;gap:4px;color:#8a958e;font-size:8px}.comment-tutorial{padding-left:10px;border-left:1px solid var(--admin-border)}.moderation-body p{margin:8px 0 5px;color:#46584e;font-size:11px}.moderation-body>small{color:#99a29c;font-size:8px}.moderation-actions{display:flex;gap:6px}.moderation-actions button{display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid var(--admin-border);border-radius:3px;background:#fff;font-size:9px}.moderation-actions .approve-button{color:#fff;border-color:var(--green);background:var(--green)}.moderation-actions .delete-button{color:#a15c49}.admin-empty{padding:70px 20px;color:#819087;text-align:center}.admin-empty h3{margin:10px 0 0;color:#40554a;font-size:14px}.admin-empty p{margin:4px 0;font-size:10px}.attachment-upload-zone{width:calc(100% - 40px);display:flex;flex-direction:column;align-items:center;margin:20px;padding:35px;color:#6a7b71;border:1px dashed #b9c5b8;border-radius:5px;background:#f4f7f1}.attachment-upload-zone strong{margin-top:8px;color:#40574a;font-size:12px}.attachment-upload-zone span{color:#8b9790;font-size:9px}.attachment-list{padding:0 20px 20px}.attachment-list-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--admin-border)}.attachment-list-header h2{font-size:12px}.attachment-list-header span{color:#8a958f;font-size:9px}.attachment-list article{display:grid;grid-template-columns:40px 1fr 80px 80px 100px 30px;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--admin-border)}.file-type{width:36px;height:40px;display:grid;place-items:center;color:#966148;background:#f0e4d8}.attachment-list article>div{display:flex;flex-direction:column}.attachment-list strong{font-size:10px}.attachment-list small,.attachment-list article>span{color:#87928b;font-size:8px}.attachment-list article>span:nth-child(4){display:flex;align-items:center;gap:5px}.attachment-list article>button{padding:5px;border:0;background:transparent}.sidebar-scrim{display:none}button{border:0;background:transparent}button,.article-image,.round-arrow{transition:transform var(--dur-pop) var(--ease-pop),color var(--dur-fast),background-color var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast)}button:active:not(:disabled){transform:scale(.96)}button:disabled{cursor:wait;opacity:.68}input,textarea,select,[contenteditable]{border-color:var(--line);transition:border-color var(--dur-fast),box-shadow var(--dur-fast),background-color var(--dur-fast)}input:focus-visible,textarea:focus-visible,select:focus-visible,[contenteditable]:focus-visible{outline:none;border-color:#aab5a9;box-shadow:0 0 0 2px var(--paper),0 0 0 4px #173d3316,0 8px 22px #173d330e}button:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 2px var(--paper),0 0 0 4px #173d331a}.toc-title,.article-content,.comment-list,.table-footer,.admin-table td{border-color:#d9ddd3}h1,h2,h3,.card-body h3,.article-content h2,.article-content h3{text-wrap:balance;overflow-wrap:anywhere}.hero-description,.card-body>p,.article-content p,.article-content li,.comment-item p,.manifesto>p,.attachment-card small{text-wrap:pretty;overflow-wrap:anywhere}.article-content p svg,.article-content li svg,.comment-item p svg,.hero-description svg{vertical-align:-.125em}.ink-text{text-wrap:balance;overflow-wrap:anywhere}.ink-text .ink-char{display:inline-block;white-space:pre;opacity:0;filter:blur(8px)}.ink-text.is-visible .ink-char{animation:ink-focus .62s var(--ease) both}@keyframes ink-focus{0%{opacity:0;filter:blur(8px);transform:translateY(4px) scale(1.01)}58%{opacity:.82;filter:blur(2.2px)}to{opacity:1;filter:blur(0);transform:none}}.search-dialog{border-radius:var(--radius-outer)}.search-results a{border-radius:var(--radius-inner)}.search-results a+a{margin-top:2px}.tutorial-card{overflow:hidden;border-radius:var(--radius-inner)}.hero-feature{--feature-inner: 8px;--feature-seam: 12px;padding:var(--feature-seam) var(--feature-seam) 0;border-radius:calc(var(--feature-inner) + var(--feature-seam))}.hero-feature .tutorial-cover{border-radius:var(--feature-inner)}.feature-content{padding-inline:3px}.comment-form{padding:18px;border-radius:calc(var(--radius-inner) + var(--radius-seam))}.comment-form textarea,.comment-fields input{border-radius:var(--radius-inner)}.comment-fields label>span{min-height:22px}.attachment-card{border-radius:calc(var(--radius-control) + var(--radius-seam))}.attachment-icon,.attachment-card>button{border-radius:var(--radius-control)}.admin-panel{border-color:#dde1d8;border-radius:var(--radius-inner)}.admin-panel input,.admin-panel select,.admin-panel textarea{border-radius:var(--radius-control)}.admin-panel button,.comment-tabs button{border-color:transparent}.admin-panel button:hover:not(:disabled){background-color:#e8ebe4}.admin-panel .admin-primary:hover:not(:disabled){background-color:#225044!important}.moderation-actions button,.publish-actions button,.table-toolbar>div button,.table-footer button{border:0;box-shadow:inset 0 0 0 1px #e2e6de}.moderation-actions button:hover,.publish-actions button:hover,.table-toolbar>div button:hover,.table-footer button:hover{background-color:#e8ebe4;box-shadow:inset 0 0 0 1px #d4dacf}.comment-tabs button{font-weight:650}.article-feedback>button{border-color:transparent}.article-feedback>button:hover:not(:disabled){background-color:#e9ece5}.article-feedback>button.liked{box-shadow:inset 0 0 0 1px #e4c2ad}.article-image{border-radius:var(--radius-inner)}.article-image:before{content:"";position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;opacity:1;background:linear-gradient(105deg,#e6e8e0 20%,#f6f6f1,#e6e8e0 56%);background-size:220% 100%;animation:skeleton-shine 1.25s linear infinite}.article-image.loaded:before{opacity:0;animation:none;transition:opacity .3s ease}.article-image img{position:relative;z-index:1;opacity:0;transition:opacity .25s ease,transform .5s var(--ease)}.article-image.loaded img{opacity:1}.copy-check{animation:check-pop var(--dur-pop) var(--ease-pop) both}.toast-message>svg{animation:check-pop var(--dur-pop) var(--ease-pop) both}@keyframes check-pop{0%{opacity:0;transform:scale(.55) rotate(-8deg)}68%{opacity:1;transform:scale(1.12) rotate(2deg)}to{opacity:1;transform:none}}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.attachment-upload-zone{border-color:#bdc7b9;border-radius:var(--radius-inner)}.attachment-upload-zone.dragging{border-color:var(--accent);transform:scale(1.01);background-color:#f5e9df;transition:none}.lightbox img{box-shadow:0 24px 80px #08140fb8}.skeleton-block{position:relative;display:block;overflow:hidden;background:#e5e8df}.skeleton-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(105deg,transparent 22%,rgba(255,255,255,.72) 38%,rgba(255,255,255,.25) 48%,transparent 62%);background-size:220% 100%;animation:skeleton-shine 1.35s ease-in-out infinite}@keyframes skeleton-shine{to{transform:translate(100%)}}.article-section+.article-section{margin-top:12px}.text-link--disabled{color:var(--muted);cursor:not-allowed;pointer-events:none}.hero-feature--empty{min-height:430px;display:grid;align-content:space-between;padding:20px}.hero-feature-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:330px;color:#a9bfb5;text-align:center}.hero-feature-placeholder strong{color:var(--white);font-family:var(--serif);font-size:20px}.hero-feature-placeholder span{font-size:11px}.cover-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.tutorial-card:hover .cover-photo{transform:scale(1.025)}.tutorial-cover.has-photo:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(12,32,25,.2),transparent 35%,rgba(12,32,25,.12))}.tutorial-cover.has-photo .cover-topline{z-index:2;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35)}.cover-photo-label{position:absolute;z-index:2;right:16px;bottom:14px;left:16px;display:flex;align-items:flex-end;justify-content:space-between;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.4)}.cover-photo-label span{font-family:var(--serif);font-size:24px}.cover-photo-label small{font-family:var(--mono);font-size:8px;letter-spacing:.12em}.card-skeleton{min-height:360px;border:1px solid var(--line);border-radius:var(--radius-inner);background:var(--surface);overflow:hidden}.card-skeleton>.skeleton-block{height:200px}.card-skeleton>div{display:flex;flex-direction:column;gap:14px;padding:20px}.card-skeleton>div .skeleton-block{height:14px}.card-skeleton>div .skeleton-block:nth-child(2){width:80%;height:22px}.card-skeleton>div .skeleton-block:nth-child(3){width:55%}.load-more-wrap{display:flex;justify-content:center;margin-top:34px}.load-more-wrap .button{min-height:42px;font-size:12px}.article-local-skeleton{display:flex;flex-direction:column;gap:18px;padding-block:70px 120px;max-width:1100px}.article-local-skeleton .skeleton-block{height:18px;border-radius:5px}.article-local-skeleton .skeleton-block:nth-child(1){width:150px}.article-local-skeleton .skeleton-block:nth-child(2){width:76%;height:54px}.article-local-skeleton .skeleton-block:nth-child(3){width:58%}.article-local-skeleton .skeleton-block:nth-child(4){width:100%;height:360px;margin-top:20px}.article-error{max-width:720px;padding-block:110px 140px;text-align:center}.article-error>span{color:var(--accent-dark);font-family:var(--mono);font-size:10px;letter-spacing:.14em}.article-error h1{margin:18px 0 10px;font-family:var(--serif);font-size:36px;line-height:1.5}.article-error p{margin:0 0 26px;color:var(--muted)}.article-hero-cover.has-cover-photo{padding:0;background:#dfe4dc}.article-cover-photo{width:100%;height:100%;object-fit:cover}.article-layout.without-toc{grid-template-columns:minmax(0,820px)}.article-body{min-width:0}.article-body>:first-child{margin-top:0}.article-body h2,.article-body h3{scroll-margin-top:110px}.article-body p{margin:16px 0;color:#3e4a44}.article-body ul,.article-body ol{margin:20px 0;padding-left:25px;color:#3e4a44}.article-body li{margin:8px 0}.article-body a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}.article-body img{max-width:100%;height:auto;margin:24px auto;border:1px solid var(--line);border-radius:8px;cursor:zoom-in}.article-body figure{margin:26px 0}.article-body figcaption,.article-body .image-caption{margin-top:8px;color:var(--muted);font-size:10px;text-align:center}.article-body blockquote{margin:26px 0;padding:16px 22px;border-left:3px solid var(--accent);background:#f1eee5;color:#536159}.article-body pre{margin:0;padding:22px;overflow-x:auto;border-radius:8px;color:#dce8e1;background:#152b24;font-family:var(--mono);font-size:12px;line-height:1.9}.article-body code{font-family:var(--mono);font-size:.92em}.article-body :not(pre)>code{padding:1px 5px;border-radius:3px;color:#8d412a;background:#eee4da}.article-body table{width:100%;margin:24px 0;border-collapse:collapse;font-size:13px}.article-body th,.article-body td{padding:10px 12px;border:1px solid var(--line);text-align:left}.article-body th{background:#ecebe3}.inline-code-block{position:relative;margin:24px 0}.inline-code-copy{position:absolute;top:10px;right:10px;padding:5px 9px;color:#c3d4cb;border:1px solid #3b5a4e;border-radius:4px;background:#1d3b31;font-size:9px}.inline-code-copy:hover{background:#2c5144}.text-sm{font-size:14px}.text-md{font-size:18px}.text-lg{font-size:22px}.text-xl{font-size:28px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.attachment-list-public{display:flex;flex-direction:column;gap:10px;margin-top:20px}.attachment-list-public .attachment-card{margin-top:0}.comment-thread{border-bottom:1px solid var(--line)}.comment-thread:last-child{border-bottom:0}.comment-thread>.comment-item{border-bottom:0}.comment-thread .comment-replies{margin-left:50px;padding-left:16px;border-left:1px solid var(--line)}.comment-thread .comment-replies .comment-item{padding:15px 0;border-bottom:0}.comment-thread .comment-replies .comment-item:last-child{padding-bottom:5px}.default-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.replying-note{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding:8px 10px;color:#5d6b63;border-radius:4px;background:#e9ece4;font-size:10px}.replying-note button{margin-left:auto;padding:0;color:var(--accent-dark);border:0;background:transparent}.hp-field{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.comments-empty{padding:45px 20px;color:var(--muted);text-align:center}.comments-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:45px 0;color:var(--muted);font-size:12px}.comments-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.comments-pagination button{min-width:32px;height:32px;display:grid;place-items:center;padding:0 7px;border:1px solid var(--line-dark);border-radius:3px;color:var(--ink);background:var(--surface);font-size:12px;transition:background .15s,color .15s,border-color .15s}.comments-pagination button:disabled{opacity:.35}.comments-pagination button.active{color:var(--white);border-color:var(--green);background:var(--green)}.comments-pagination .page-ellipsis{color:var(--muted);font-size:12px}.comments-pagination .page-info{margin-left:6px;color:var(--muted);font-size:11px}.comments-empty svg{margin-bottom:8px}.comments-empty p{margin:0;font-size:11px}.comment-status{padding:2px 6px;border-radius:3px;color:#65736b!important;background:#e9ece4}.admin-badge{padding:2px 7px;border-radius:3px;color:#fff!important;background:var(--green);font-size:10px;font-weight:600}.admin-reply-box{display:flex;flex-direction:column;gap:9px;margin-top:12px;padding:12px;border:1px solid var(--admin-border);border-radius:4px;background:#f4f7f2}.admin-reply-box textarea{width:100%;padding:9px 11px;border:1px solid var(--admin-border);border-radius:4px;background:#fff;font-size:12px;line-height:1.7;resize:vertical}.admin-reply-box textarea:focus{outline:0;border-color:#8fa695}.admin-reply-box>div{display:flex;gap:9px}.admin-reply-box>div button{display:flex;align-items:center;gap:5px;padding:0 13px;height:32px;border-radius:4px;font-size:11px}.article-content .article-note h2,.article-content .article-note h3{margin:0;font-family:var(--sans);font-size:14px}.article-content .article-note p{margin-top:3px}.article-content .verification-box{margin-top:24px}.login-page{position:relative;min-height:100vh;display:grid;place-items:center;padding:70px 20px;overflow:hidden;background:var(--paper)}.login-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(42rem 30rem at 15% 20%,rgba(23,61,51,.09),transparent 65%),radial-gradient(34rem 26rem at 90% 85%,rgba(228,94,58,.06),transparent 65%)}.login-back{position:absolute;z-index:2;top:32px;left:36px;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.login-card{position:relative;z-index:1;width:min(430px,100%);padding:38px;border:1px solid #e2e1d8;border-radius:22px;background:#f8f7f2f0;box-shadow:0 28px 80px #18251f14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.login-heading{margin:32px 0 26px}.login-heading>span{display:flex;align-items:center;gap:6px;color:var(--accent-dark);font-size:10px}.login-heading h1{margin:12px 0 7px;font-family:var(--serif);font-size:30px;line-height:1.45;letter-spacing:-.04em}.login-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.login-card form{display:flex;flex-direction:column;gap:16px}.login-card label>span{display:block;margin-bottom:7px;color:#657269;font-size:10px}.login-card input{width:100%;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:var(--white);font-size:13px}.password-field{position:relative}.password-field input{padding-right:48px}.password-field button{position:absolute;top:0;right:0;width:46px;height:46px;display:grid;place-items:center;border:0;background:transparent}.login-error{min-height:20px;color:#a7462b;font-size:10px}.login-submit{width:100%;margin-top:2px}.login-checking{display:flex;align-items:center;gap:8px;padding:22px 0;color:var(--muted);font-size:12px}.login-security{display:flex;align-items:center;gap:7px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.admin-loading{min-height:160px;display:flex;align-items:center;justify-content:center;gap:9px;color:#7d8982;font-size:10px}.editor-loading{min-height:500px}.table-toolbar select{height:34px;padding:0 28px 0 10px;border:1px solid var(--admin-border);border-radius:4px;background:#fff;color:#5f6d65;font-size:9px}.status-draft{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;color:#896a43;border-radius:3px;background:#f1e9da;font-size:8px}.status-draft i{width:5px;height:5px;border-radius:50%;background:#ae8151}.danger-action{color:#a4523c!important}.small-empty{min-height:150px}.chart-empty{align-self:center;width:100%;color:#8b958f;font-size:10px;text-align:center}.category-inline-form{display:grid;grid-template-columns:1fr 1.4fr 74px auto auto;gap:8px;padding:16px 20px;border-bottom:1px solid var(--admin-border)}.category-inline-form input{min-width:0;height:34px;padding:0 9px;border:1px solid var(--admin-border);border-radius:4px;background:#fff;font-size:9px}.category-inline-form button{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border-radius:4px;background:#fff;font-size:9px}.category-admin-row{grid-template-columns:30px 25px 1fr auto 28px 28px!important}.feature-check{display:flex!important;align-items:center;gap:8px;font-size:9px!important}.feature-check input{width:14px;height:14px}.editor-attachments .panel-heading{padding-bottom:13px}.editor-attachment-list{padding:0 16px}.editor-attachment-list article{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--admin-border)}.editor-attachment-list article>div{flex:1;min-width:0;display:flex;flex-direction:column}.editor-attachment-list strong{overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.editor-attachment-list small{color:#89948d;font-size:8px}.editor-attachment-list button{padding:4px;color:#a4523c;border:0;background:transparent}.editor-attachment-list p{color:#8a958f;font-size:9px}.editor-upload-button{width:calc(100% - 32px);display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 16px 16px;padding:9px;color:#4f6c5d;border-radius:4px;background:#edf1ea;font-size:9px}.editor-upload-button:disabled{color:#99a29c}.editor-canvas:empty:before{content:"从这里开始编写教程正文…";color:#a1aaa4}.editor-canvas font[size="3"]{font-size:16px}.editor-canvas font[size="4"]{font-size:18px}.editor-canvas font[size="5"]{font-size:22px}.editor-canvas font[size="6"]{font-size:28px}.attachment-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border-bottom:1px solid var(--admin-border)}.attachment-controls label{display:flex;align-items:center;gap:9px;color:#738078;font-size:9px}.attachment-controls select{max-width:360px;height:34px;padding:0 9px;border:1px solid var(--admin-border);border-radius:4px;background:#fff;font-size:9px}.attachment-controls>span{color:#8a958f;font-size:8px}.attachment-list article{grid-template-columns:40px 1fr 70px 80px 90px 28px 28px}.attachment-list article>a{display:grid;place-items:center;padding:5px;color:#63766a}.attachment-admin-panel .attachment-upload-zone{margin-top:20px}.comment-status{white-space:nowrap}.reveal-item{animation:rise-in .7s var(--ease) both}.hero-feature.reveal-item{animation-delay:.12s}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes dialog-in{0%{opacity:0;transform:translateY(-15px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:1100px){.home-hero{gap:45px}.hero-copy h1{font-size:48px}.desktop-nav{margin-left:20px;gap:22px}.tutorial-grid{gap:16px}.article-layout{grid-template-columns:165px minmax(0,1fr);gap:45px}.stats-grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:minmax(0,1fr) 250px}.attachment-list article{grid-template-columns:40px 1fr 65px 65px 30px}.attachment-list article>span:nth-child(5){display:none}}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;border-top:1px solid var(--admin-border)}.admin-pagination button{padding:6px 12px;border:1px solid var(--admin-border);border-radius:3px;background:#fff;font-size:10px}.admin-pagination button:disabled{opacity:.45}.admin-pagination span{color:#7c8981;font-size:10px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;align-items:start}.settings-form{display:flex;flex-direction:column;gap:15px;padding:22px}.settings-form label{display:flex;flex-direction:column;gap:6px}.settings-form label>span{color:#4c5a52;font-size:10px}.settings-form label>span small{margin-left:8px;color:#8a958f;font-size:9px}.settings-form input{width:100%;height:38px;padding:0 11px;border:1px solid var(--admin-border);border-radius:4px;background:#fff;font-size:12px}.settings-form input:focus{outline:0;border-color:#8fa695;box-shadow:0 0 0 3px #23504412}.settings-error{margin:0;padding:9px 11px;color:#8a4a3a;border:1px solid #e8d5cd;border-radius:4px;background:#fbf1ec;font-size:10px}.settings-actions{display:flex;align-items:center;gap:14px;padding-top:4px}.settings-actions button{display:flex;align-items:center;gap:6px}.settings-actions>span{color:#8a958f;font-size:9px}.settings-note{padding:22px}.settings-note h2{margin:0 0 12px;font-size:12px}.settings-note ul{margin:0;padding-left:16px;color:#6f7d75;font-size:10px;line-height:1.9}@media(max-width:850px){.page-shell{width:min(100% - 40px,680px)}.settings-grid{grid-template-columns:1fr}.desktop-nav{display:none}.mobile-menu-button{display:grid}.mobile-nav{display:block}.home-hero{grid-template-columns:1fr;gap:55px;padding-block:55px 70px}.hero-copy{max-width:620px}.hero-feature{max-width:580px}.tutorial-library{padding-block:70px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.library-toolbar{align-items:flex-start;flex-direction:column}.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.manifesto{padding:45px 30px}.article-header{padding-top:20px}.article-byline{flex-wrap:wrap}.article-meta{width:100%;margin:18px 0 0 50px}.article-hero-cover{width:calc(100% - 40px);height:320px}.article-layout{grid-template-columns:1fr;padding-block:45px 70px}.article-toc{display:none}.article-content{max-width:680px;padding:36px 32px}.comments-layout{grid-template-columns:1fr}.comment-form{position:static}.comment-list{padding-top:10px}.related-tutorials .tutorial-card:nth-child(3){display:none}.admin-sidebar{transform:translate(-100%);transition:transform .25s var(--ease)}.admin-sidebar.open{transform:none}.admin-main{margin-left:0}.admin-menu{display:grid}.sidebar-scrim{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:block;background:#0f201973}.admin-content{width:calc(100% - 36px)}.dashboard-grid,.editor-layout{grid-template-columns:1fr}.editor-settings{display:grid;grid-template-columns:1fr 1fr}.taxonomy-grid{grid-template-columns:1fr}}@media(max-width:580px){.page-shell{width:calc(100% - 32px)}.header-inner{height:70px}.brand-en{display:none}.search-trigger{width:40px;height:40px;justify-content:center;padding:0;border:0;background:transparent}.search-trigger span,.search-trigger kbd{display:none}.header-actions{gap:2px}.home-hero{padding-top:45px}.hero-copy h1{font-size:39px;line-height:1.4}.hero-description{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-proof{justify-content:space-between}.hero-proof>div{padding:0 13px}.hero-proof strong{font-size:21px}.hero-proof span{font-size:9px}.hero-feature{padding:12px 12px 0;box-shadow:10px 10px #e0e2d9}.feature-content h2{font-size:20px}.tutorial-cover{min-height:200px}.section-heading h2{font-size:29px}.tutorial-grid{grid-template-columns:1fr}.category-tabs{gap:3px}.category-tabs button{padding:6px 10px}.sort-tabs{width:100%;justify-content:space-between}.manifesto{width:100%;margin-bottom:0}.footer-main{grid-template-columns:1fr;gap:35px}.back-top{top:60px;right:0;bottom:auto}.footer-bottom{align-items:flex-start;flex-direction:column;gap:5px}.article-breadcrumb{overflow:hidden;white-space:nowrap}.article-header h1{font-size:34px}.article-header>p{font-size:13px}.article-meta{flex-wrap:wrap;gap:10px 15px;margin-left:0}.article-hero-cover{height:260px;padding:25px}.article-cover-title{font-size:68px}.article-cover-grid{right:-15%;width:65%}.article-content{padding:25px 18px;font-size:15px}.article-content h2{font-size:26px}.article-note{padding:18px}.attachment-card{grid-template-columns:auto 1fr}.attachment-card>button{grid-column:1 / -1;justify-content:center}.article-feedback{align-items:stretch;flex-wrap:wrap}.article-feedback>div{flex-basis:100%;margin-bottom:10px}.article-feedback>button{flex:1;justify-content:center}.comments-section{padding-block:55px}.comment-form{padding:18px}.comment-fields{grid-template-columns:1fr}.lightbox{padding:20px}.toast-message{right:20px;bottom:20px;left:20px}.admin-topbar{padding:0 16px}.admin-status{display:none}.admin-page-heading h1{font-size:23px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stats-grid article{padding:16px}.stats-grid article>strong{font-size:24px}.bar-chart{gap:5px;padding-inline:12px}.recent-row{grid-template-columns:25px 1fr 25px}.recent-row>span:nth-child(3){display:none}.table-toolbar{align-items:stretch;flex-direction:column}.admin-search{width:100%}.editor-panel{padding:17px}.editor-title-label input{font-size:18px}.editor-toolbar{flex-wrap:wrap}.editor-canvas{min-height:400px;padding:22px 18px}.editor-settings{display:flex}.moderation-list>article{flex-wrap:wrap;padding:18px}.moderation-actions{width:100%;justify-content:flex-end}.attachment-list article{grid-template-columns:36px 1fr 30px}.attachment-list article>span:nth-child(3),.attachment-list article>span:nth-child(4){display:none}.attachment-upload-zone{padding:25px 15px;text-align:center}}@media(max-width:850px){.article-layout.without-toc{grid-template-columns:1fr}.article-hero-cover.has-cover-photo{height:330px}.login-card{width:min(430px,calc(100% - 36px))}.category-inline-form{grid-template-columns:1fr 1fr}.category-inline-form input:nth-child(2){grid-column:1 / -1;order:3}.category-inline-form button{min-height:34px}.attachment-controls{align-items:flex-start;flex-direction:column}.attachment-list article{grid-template-columns:40px 1fr 65px 65px 28px 28px}.attachment-list article>span:nth-child(5){display:none}}@media(max-width:580px){.login-page{padding:70px 14px 30px}.login-back{top:22px;left:20px}.login-card{padding:26px 21px;border-radius:18px}.login-heading{margin-top:25px}.login-heading h1{font-size:26px}.hero-feature--empty{min-height:320px}.hero-feature-placeholder{min-height:240px}.article-hero-cover.has-cover-photo{height:240px}.article-body pre{padding:17px;font-size:11px}.comment-thread .comment-replies{margin-left:20px;padding-left:10px}.category-inline-form{grid-template-columns:1fr}.category-inline-form input:nth-child(2){grid-column:auto}.attachment-controls select{width:100%;max-width:none}.attachment-list article{grid-template-columns:36px 1fr 28px 28px}.attachment-list article>span:nth-child(3),.attachment-list article>span:nth-child(4),.attachment-list article>span:nth-child(5){display:none}.admin-table td:first-child{min-width:250px}.table-footer{flex-wrap:wrap;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ink-text .ink-char{opacity:1;filter:none;transform:none}}