.contact-dialog[data-v-e470db02]{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:1px solid #e1e8f4;border-radius:16px;color:var(--ink);background:#fff;box-shadow:0 24px 100px #14284d35;overflow-y:auto}.contact-dialog[data-v-e470db02]::backdrop{background:#17294766;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.contact-dialog-content[data-v-e470db02]{padding:27px}.contact-dialog-header[data-v-e470db02]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.contact-dialog-icon[data-v-e470db02]{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#edf3ff;color:var(--blue)}.contact-dialog h2[data-v-e470db02]{font-size:23px;line-height:1.5;margin:0 0 7px}.contact-dialog-content>p[data-v-e470db02]{font-size:12px;margin:0 0 23px;color:#73829a}.webmail-options[data-v-e470db02]{display:grid;gap:10px}.webmail-option[data-v-e470db02]{display:flex;align-items:center;gap:13px;border:1px solid #e3e9f3;border-radius:9px;padding:13px 14px;transition:border-color .15s,background .15s}.webmail-option[data-v-e470db02]:hover{background:#f7f9ff;border-color:#b9cbf4}.webmail-option>span[data-v-e470db02]:nth-child(2){flex:1;font-size:13px;font-weight:550}.webmail-option small[data-v-e470db02]{display:block;font-size:10px;font-weight:400;color:#8592a7;margin-top:5px}.webmail-option>svg[data-v-e470db02]{color:#91a0b8}.webmail-mark[data-v-e470db02]{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;font-size:19px;font-weight:650;background:#f7f1f0;color:#c16757}.webmail-mark.outlook[data-v-e470db02]{background:#edf5ff;color:#3778c4}.webmail-mark.microsoft365[data-v-e470db02]{background:#f1effb;color:#7a66bd}.contact-recipient[data-v-e470db02]{margin-top:23px}.contact-recipient>label[data-v-e470db02]{display:block;font-size:11px;color:#73829a;margin-bottom:8px}.contact-recipient>div[data-v-e470db02]{display:flex;align-items:center;gap:4px;border:1px solid #e3e9f3;border-radius:8px;background:#fafbfe;padding:4px 6px 4px 12px}.contact-recipient input[data-v-e470db02]{flex:1;min-width:0;width:100%;padding:7px 0;border:0;background:transparent;color:#50627e;font-size:12px}.contact-recipient input[data-v-e470db02]:focus{box-shadow:none}.copy-message[data-v-e470db02]{min-height:18px;margin:5px 0 0;font-size:11px;color:#477b61}.contact-dialog-footer[data-v-e470db02]{margin-top:15px;border-top:1px solid #edf0f6;padding-top:17px}.contact-dialog-footer>a[data-v-e470db02]{font-size:11px}.contact-dialog-footer>p[data-v-e470db02]{margin:13px 0 0;font-size:10px;line-height:1.9;color:#7c8ba2}@media(max-width:480px){.contact-dialog-content[data-v-e470db02]{padding:22px}.contact-dialog h2[data-v-e470db02]{font-size:21px}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.email-code-field[data-v-8ca659cf]{margin-top:24px}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:DM Sans Variable,Noto Sans SC,Microsoft YaHei,sans-serif;color:#1d2a42;background:#fff;font-synthesis:none;font-size:14px;--blue:#315fe8;--blue-dark:#244fcd;--ink:#1d2a42;--muted:#7c8597;--line:#e9edf4;--soft:#f7f9fc;--radius:12px;--shadow:0 10px 35px #223c6a08}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button,input,textarea{outline:none}input:focus,textarea:focus{border-color:#86a3fb!important;box-shadow:0 0 0 3px #315fe812}a:focus-visible,button:focus-visible{outline:3px solid #9bb6ff;outline-offset:4px}button{border:0;background:none}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-weight:650;letter-spacing:-.035em}p{line-height:1.85;color:#737e91}svg{flex-shrink:0;vertical-align:middle}img{max-width:100%;display:block}::selection{background:#dae5ff;color:#204ab4}.container{max-width:1160px;padding:0 28px;margin:0 auto}.public-main{min-height:calc(100vh - 190px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-100px;background:var(--blue);color:#fff;padding:12px;z-index:200}.skip-link:focus{top:10px}.muted{color:var(--muted);font-size:13px}.right{text-align:right}.mobile-only{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 21px;border-radius:7px;font-size:13px;font-weight:550;border:1px solid transparent;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--blue);box-shadow:0 4px 8px #315fe814}.btn-primary:hover{background:var(--blue-dark);box-shadow:0 5px 16px #315fe826}.btn-secondary{background:#fff;border-color:#dfe5ef;color:#44516a}.btn-secondary:hover{background:#f7f9fc;border-color:#c3cfe3}.btn-small{min-height:36px;font-size:12px;padding:8px 13px;gap:7px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:7px;transition:background .2s}.icon-button:hover{background:#edf1f8}.icon-button.danger:hover{background:#fff0f0;color:#d84949}.text-link{display:inline-flex;align-items:center;gap:7px;color:#56637b;font-size:12px;font-weight:550}.text-link:hover{color:var(--blue)}.section-number{display:block;font-size:10px;font-weight:650;letter-spacing:1.8px;color:#8792a6;line-height:1.7}.title-dot{color:var(--blue);margin-left:4px}.section{padding-top:67px;padding-bottom:67px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:29px}.section-heading h2{font-size:27px;line-height:1.45;margin:8px 0 0}.section-heading>p{margin:0 0 3px;font-size:12px}.section-heading>.text-link{margin-bottom:7px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:10px;color:#6c7990;background:#f4f6fa;border:1px solid #edf0f6;padding:3px 8px;border-radius:4px;line-height:1.6}.eyebrow{font-size:10px;color:#8792a6;font-weight:550;letter-spacing:.4px}.site-header{height:81px;border-bottom:1px solid #edf0f5;background:#ffffffed;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;gap:27px}.brand{font-size:22px;font-weight:750;letter-spacing:-1.2px;display:inline-flex;align-items:center;gap:10px}.brand-icon{width:30px;height:30px;display:grid;place-items:center;background:#edf2ff;color:var(--blue);border:1px solid #e1e9fc;border-radius:8px}.brand-sub{color:#9ca4b4;font-size:10px;letter-spacing:.5px;font-weight:400;border-left:1px solid #e1e5ed;padding-left:12px;margin-left:3px}.site-header nav{margin:auto;display:flex;align-items:center;gap:36px;height:100%}.site-header nav a{height:100%;display:flex;align-items:center;color:#7d8595;font-size:12px;position:relative}.site-header nav a.active{color:#2f59d4;font-weight:600}.site-header nav a.active:after{content:"";height:3px;width:17px;background:var(--blue);position:absolute;bottom:0;left:calc(50% - 8px);border-radius:4px 4px 0 0}.header-note{display:flex;align-items:center;gap:6px;font-size:10px;color:#8793a5}.header-github{color:#65718a}.mobile-menu{display:none}.site-footer{border-top:1px solid var(--line)}.footer-inner{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#98a1b1}.footer-inner>div{display:flex;align-items:center;gap:22px}.footer-brand{font-size:19px;font-weight:700;color:#35435e;letter-spacing:-1px}.footer-meta{gap:17px!important;flex-wrap:wrap}.admin-link{font-size:10px;display:inline-flex;align-items:center;gap:4px;color:#a0a8b6}.admin-link:hover{color:var(--blue)}.hero{background:linear-gradient(125deg,#fafbfd 20%,#f6f8fe 80%);border-bottom:1px solid var(--line);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.23fr 1fr;gap:60px;align-items:center;padding-top:74px;padding-bottom:63px}.hero-kicker{font-size:10px;letter-spacing:1.65px;color:#70809b;font-weight:550;display:flex;align-items:center;gap:9px;margin-bottom:29px}.hero-kicker>span:first-child{width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:2px}.kicker-divider{color:#c7cfdd;margin:0 2px}.hero-name{display:flex;align-items:center;font-size:15px;color:#59657b;gap:8px;margin-bottom:16px}.hero-name strong{font-weight:600;color:#3c4a65}.name-line{width:31px;height:1px;background:#a9b7d1;margin-left:4px}.hero h1{white-space:pre-line;font-size:43px;letter-spacing:-1.5px;line-height:1.5;font-weight:700;margin:0 0 21px;max-width:600px}.hero-intro{font-size:12px;line-height:2.1;max-width:425px;margin-bottom:27px;color:#7f899b}.hero-actions{display:flex;gap:12px;margin-bottom:24px}.hero-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#8c95a6;flex-wrap:wrap}.status-dot{display:inline-block;width:6px;height:6px;background:#5daa8c;box-shadow:0 0 0 3px #5daa8c12;border-radius:50%;flex-shrink:0}.status-separator{width:1px;height:11px;background:#d8dfeb;margin:0 5px}.hero-visual{position:relative;isolation:isolate;padding:24px 7px 24px 0}.orbit{position:absolute;z-index:-1;border:1px solid #e1e8f7;border-radius:50%;width:380px;height:380px;left:17px;top:-15px}.orbit-two{width:450px;height:450px;top:-50px;left:-18px;opacity:.7}.visual-plus{position:absolute;color:#c3cfe6;font-size:19px;font-weight:300}.plus-one{top:-14px;right:9px}.plus-two{bottom:3px;left:-24px}.profile-window{background:#fff;border:1px solid #e3e8f2;border-radius:12px;box-shadow:0 22px 65px #31537e0d,0 3px 8px #274d8f05;transform:rotate(-2deg);overflow:hidden}.window-bar{height:40px;background:#fbfcfe;border-bottom:1px solid #edf0f6;display:flex;align-items:center;padding:0 17px;color:#a2acc0;font-size:9px;gap:12px}.window-bar>span{flex:1;text-align:center;font-family:ui-monospace,Consolas,monospace;letter-spacing:.4px}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;background:#e4e8f0;border-radius:50%}.window-dots i:first-child{background:#f0c2bf}.window-dots i:nth-child(2){background:#eddfb9}.window-dots i:nth-child(3){background:#bcdccc}.window-profile{display:flex;align-items:center;gap:13px;padding:25px 25px 23px}.avatar{width:55px;height:55px;object-fit:cover;border-radius:14px;background:linear-gradient(135deg,#e6edff,#dce7ff);color:var(--blue);display:grid;place-items:center;font-weight:700;font-size:21px;position:relative;flex-shrink:0}.avatar-spark{position:absolute;right:-5px;bottom:-5px;background:#fff;color:#5c83ee;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:18px}.window-profile>div:nth-child(2){display:flex;flex-direction:column;gap:6px}.window-profile strong{font-size:14px;font-weight:650}.window-profile>div:nth-child(2)>span{font-size:9px;color:#8c97ab;letter-spacing:.25px}.profile-code{margin-left:auto;font-size:20px;font-family:Consolas,monospace;color:#cdd8f0}.code-lines{border-top:1px solid #f0f3f8;margin:0 23px 21px;padding-top:17px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#65738d;line-height:2.45}.code-lines>div{display:flex;align-items:baseline;white-space:nowrap}.code-no{color:#c7cfdf;margin-right:17px;font-size:9px;-webkit-user-select:none;user-select:none}.code-comment{color:#a2acbf}.code-lines b{color:#8d71bf;font-weight:500}.code-lines em{color:#42987c;font-style:normal}.cursor{display:inline-block;width:5px;height:11px;background:#99b3f4;vertical-align:middle;margin-left:3px}.window-bottom{border-top:1px solid #edf0f6;background:#fbfcfe;display:flex;align-items:center;justify-content:space-between;padding:11px 17px;color:#a0aabd;font-size:8px}.window-bottom>span{display:flex;align-items:center;gap:7px}.window-bottom .status-dot{width:4px;height:4px}.window-bottom>span>span:last-child:not(.status-dot){margin-left:7px}.floating-tag{position:absolute;right:-21px;bottom:0;border:1px solid #e6eaf4;box-shadow:0 5px 16px #3b528b0a;border-radius:8px;background:#fff;padding:11px 16px;display:flex;align-items:center;gap:9px;color:#7b8aa6;font-size:10px;transform:rotate(3deg);font-family:ui-monospace,Consolas,monospace}.floating-tag>span{color:#6d8ce9}.hero-bottom{display:flex;align-items:center;padding-top:23px;padding-bottom:23px;border-top:1px solid #e7ecf5;gap:28px}.tiny-label{font-size:8px;font-weight:600;letter-spacing:1.1px;color:#9ba6b8;white-space:nowrap}.hero-bottom>div{display:flex;align-items:center;gap:21px}.hero-bottom>div>span{display:flex;align-items:center;gap:7px;font-size:10px;color:#8792a5}.hero-bottom>div>span>svg{color:#8d9dbb}.hero-bottom i{width:3px;height:3px;background:#d5deee;border-radius:50%}.hero-scroll{margin-left:auto;font-size:9px;color:#9aa7bc;display:flex;align-items:center;gap:10px}.hero-scroll>span{font-size:15px}.section-skills{padding-top:58px;padding-bottom:58px}.skill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:21px}.skill-card{border:1px solid var(--line);border-radius:10px;padding:26px;display:flex;gap:19px;background:#fff;box-shadow:0 3px 12px #223c6a02}.skill-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:10px;background:#f0f4ff;color:#5277e3;flex-shrink:0}.purple-icon{background:#f3effc!important;color:#9a7bcc!important}.skill-card>div:nth-child(2){flex:1}.skill-card h3{display:flex;align-items:center;gap:12px;font-size:15px;margin:1px 0 9px;flex-wrap:wrap}.learning-badge{font-size:8px;color:#a1aabd;letter-spacing:.3px;background:#f7f8fb;border:1px solid #edf0f6;border-radius:4px;padding:2px 5px;font-weight:400}.skill-card p{font-size:11px;margin-bottom:16px;line-height:1.8;color:#919aaa}.skill-items{display:flex;gap:16px;font-family:DM Sans Variable,sans-serif;font-size:10px;color:#8e9bb1;flex-wrap:wrap}.project-section{background:#fafbfd;border-top:1px solid #f0f3f8;border-bottom:1px solid #f0f3f8}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.project-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{border:1px solid #e6ebf3;border-radius:10px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px);border-color:#cbd7ee;box-shadow:0 14px 25px #2f4b7c0a}.project-art{height:180px;background:#eef3fc;position:relative;overflow:hidden;display:grid;place-items:center}.project-art>img{width:100%;height:100%;object-fit:cover}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#b8c9e51a 1px,transparent 1px),linear-gradient(90deg,#b8c9e51a 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse,black,transparent 90%);mask-image:radial-gradient(ellipse,black,transparent 90%)}.art-symbol{width:75px;height:67px;border:1px solid #cad9f4;border-radius:14px;display:grid;place-items:center;color:#5b7cc2;transform:rotate(-8deg);box-shadow:5px 6px #dce6f7;background:#f9fbff;position:relative}.art-symbol:before{content:"";position:absolute;inset:-15px;border:1px dashed #b9cdee85;border-radius:23px}.art-label{position:absolute;left:20px;bottom:16px;letter-spacing:1.1px;color:#829bc5;font-size:8px;font-family:ui-monospace,Consolas,monospace}.art-corner{position:absolute;right:18px;bottom:15px;font-size:10px;color:#a5b8d8;letter-spacing:1px}.art-1{background:#f0eff9}.art-1 .art-symbol{color:#9985c9;border-color:#d9d2ef;box-shadow:5px 6px #e5dff5;background:#fcfbff;transform:rotate(8deg)}.art-1 .art-symbol:before{border-color:#cfc4eb90}.art-1 .art-label,.art-1 .art-corner{color:#a59ac2}.art-2{background:#ebf4f3}.art-2 .art-symbol{color:#6a9b95;border-color:#c9dfda;box-shadow:5px 6px #d8ebe5}.art-2 .art-label,.art-2 .art-corner{color:#8fada4}.demo-label{position:absolute;right:13px;top:12px;font-size:8px;background:#ffffffa6;border:1px solid #ffffffa6;color:#93a0b6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:3px 7px;border-radius:4px}.project-content{padding:22px 23px 24px;flex:1;display:flex;flex-direction:column}.project-content h3{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;font-size:16px;line-height:1.65;margin:9px 0 11px}.project-content h3 svg{color:#a3afc2;margin-top:3px}.project-content p{font-size:11px;line-height:1.95;color:#8b96a8;margin-bottom:20px;flex:1}.notes-home{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:55px;padding-top:70px;padding-bottom:70px}.notes-home .section-heading h2{font-size:26px}.note-rows{margin-top:-4px}.note-row{display:flex;align-items:center;border-bottom:1px solid #edf0f6;gap:20px;padding:22px 0;transition:background .2s}.note-row:last-child{border-bottom:0}.note-row:hover h3{color:var(--blue)}.note-index{font-size:11px;color:#bbc5d6;align-self:flex-start;margin-top:5px;font-family:ui-monospace,Consolas,monospace}.note-row-content{flex:1;min-width:0}.note-meta{display:flex;align-items:center;gap:11px;font-size:9px;color:#99a3b4;flex-wrap:wrap}.note-meta>span:first-child{color:#7a8dae}.note-meta .sample-text{color:#b3bac7;font-size:8px}.note-meta>span:last-child{margin-left:auto}.note-row-content h3{font-size:14px;margin:9px 0 5px;line-height:1.7;transition:color .2s}.note-row-content p{font-size:10px;margin:0;color:#9aa3b2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-row>svg{color:#aeb8ca}.learning-aside{background:#f6f8fc;border:1px solid #edf1f7;border-radius:11px;padding:30px 27px;position:relative;overflow:hidden;align-self:stretch;margin-top:9px}.aside-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;background:#fff;border:1px solid #e8eef8;color:#849bd4;margin-bottom:25px}.learning-aside .section-number{font-size:8px;letter-spacing:1.5px;color:#a0aec5}.learning-aside h3{font-size:24px;line-height:1.65;margin:12px 0 15px;color:#4d607f;font-weight:550}.learning-aside p{font-size:11px;line-height:2.1;color:#9aa7bc}.aside-line{width:23px;height:1px;background:#cfdaeb;margin:24px 0 17px}.aside-bottom{display:flex;align-items:center;gap:8px;font-size:9px;color:#97a7bd}.aside-bottom .status-dot{background:#a4b8d7;box-shadow:none;width:4px;height:4px}.aside-decoration{font-size:130px;position:absolute;bottom:-43px;right:-20px;color:#ecf0f8;z-index:0;line-height:1}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.journey-label{display:flex;gap:10px;align-items:center;font-size:14px;margin-bottom:23px;color:#61738d}.timeline-item{padding:0 0 25px 22px;border-left:1px solid #dce4f1;position:relative}.timeline-item:before{content:"";position:absolute;left:-4px;top:4px;width:7px;height:7px;border-radius:50%;border:2px solid #bdccee;background:#fff}.timeline-item>span{font-size:10px;color:#9aa8bd}.timeline-item h3{font-size:15px;margin:8px 0}.timeline-item p{font-size:12px;white-space:pre-line}.contact-section{padding-bottom:69px}.contact-box{background:#f7f9fd;border:1px solid #e7edf7;border-radius:11px;padding:36px 39px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.contact-box:before{content:"";width:190px;height:190px;border:1px solid #e8eef9;border-radius:50%;position:absolute;right:125px;top:-80px;pointer-events:none}.contact-box .section-number{font-size:8px;color:#99a8c3}.contact-box h2{font-size:26px;margin:9px 0;line-height:1.5}.contact-box p{font-size:11px;margin:0;color:#99a4b7}.contact-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;position:relative}.contact-placeholder{color:#a0aec4;display:flex;align-items:center;gap:10px;font-size:12px;padding:13px 0}.wechat{flex-basis:100%;text-align:right;color:#8999b0;font-size:11px}.page-heading-wrap{background:#f9fafd;border-bottom:1px solid var(--line)}.page-heading{padding-top:51px;padding-bottom:43px;position:relative;overflow:hidden}.page-heading h1{font-size:34px;margin:12px 0 13px;line-height:1.6}.page-heading p{font-size:12px;color:#929cb0;max-width:650px;margin:0}.page-heading-mark{position:absolute;right:50px;top:67px;color:#e3e9f6;transform:rotate(-12deg)}.listing-layout{padding-top:37px;padding-bottom:78px;display:flex;gap:40px;align-items:flex-start;min-height:550px}.listing-body{flex:1;min-width:0}.listing-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tabs button{font-size:11px;color:#8b96aa;padding:8px 12px;border-radius:6px;line-height:1.6}.filter-tabs button:hover{background:#f5f7fb}.filter-tabs button.selected{background:#edf2ff;color:#3a65de;font-weight:550}.search-box{border:1px solid #e4e9f1;border-radius:7px;display:flex;align-items:center;background:#fff;width:196px;max-width:100%;overflow:hidden}.search-box input{border:0;width:100%;padding:9px 0 9px 13px;background:none;font-size:11px;min-width:0;color:#53627d}.search-box input::placeholder{color:#a6afbe}.search-box input:focus{box-shadow:none}.search-box:focus-within{border-color:#9bb3f3}.search-box button{padding:7px 11px;color:#96a2b7;display:flex;align-items:center}.results-meta{display:flex;align-items:center;gap:12px;margin:24px 0 20px;color:#a2abbb;font-size:10px;min-height:19px}.sort-label{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:9px}.active-tag{font-size:10px;background:#eff3fd;padding:4px 7px;display:flex;gap:7px;align-items:center;color:#708cc4;border-radius:4px}.notes-sidebar{width:227px;flex-shrink:0;padding-top:5px}.sidebar-block{border:1px solid var(--line);border-radius:9px;padding:23px 20px;margin-bottom:23px}.sidebar-block h3{font-size:12px;display:flex;align-items:center;gap:8px;margin:0 0 21px}.tag-cloud{display:flex;gap:8px;flex-wrap:wrap}.tag-cloud button{background:#f6f8fc;border:1px solid #edf1f7;color:#8d9bb0;padding:5px 10px;border-radius:5px;font-size:10px;transition:all .2s}.tag-cloud button:hover,.tag-cloud button.selected{color:var(--blue);border-color:#bacef7;background:#edf2ff}.sidebar-note{border-radius:9px;background:#f7f9fd;padding:25px 22px}.sidebar-note>svg{color:#95a9cf;margin-bottom:18px}.sidebar-note h3{font-size:20px;line-height:1.8;font-weight:550;color:#647997;margin-bottom:12px}.sidebar-note p{font-size:10px;color:#9aa8be;line-height:2}.sidebar-note>span{font-size:7px;letter-spacing:1.3px;color:#a9b6cb;display:block;margin-top:22px}.notes-list{display:flex;flex-direction:column;gap:18px}.note-list-card{border:1px solid #e9edf4;border-radius:9px;padding:25px 27px;transition:box-shadow .2s,border-color .2s}.note-list-card:hover{border-color:#d1dcf3;box-shadow:var(--shadow)}.category-badge{background:#f0f4ff;padding:4px 9px;border-radius:4px;color:#708cc4!important;font-size:9px!important}.note-list-card h2{font-size:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;line-height:1.65;margin:17px 0 11px}.note-list-card h2 svg{color:#a9b6cd;margin-top:4px}.note-list-card:hover h2{color:var(--blue)}.note-list-card p{font-size:11px;color:#8d9aaf;line-height:1.9}.note-date{display:flex;align-items:center;gap:5px;font-size:9px}.note-list-bottom{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:19px}.note-tags{display:flex;flex-wrap:wrap;gap:13px;font-size:9px;color:#a6b0c1}.read-link{display:flex;align-items:center;gap:6px;font-size:10px;color:#91a2c3;white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin:30px 0 5px;font-size:11px;color:#8c9bb3}.state-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;padding:45px 20px;color:#a5b2c8;text-align:center}.state-panel h3{font-size:15px;color:#71829f;margin:18px 0 9px;line-height:1.8}.state-panel p{font-size:12px;margin:14px 0 19px;max-width:550px;color:#8f9db3}.state-panel .btn{margin-top:5px}.detail-container{padding-top:31px;padding-bottom:73px;max-width:1100px}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#8a9ab1}.back-link:hover{color:var(--blue)}.article-heading{max-width:760px;padding:35px 0 32px;border-bottom:1px solid var(--line)}.article-heading .note-meta{justify-content:flex-start}.article-heading .note-meta>span:last-child{margin-left:0}.article-heading h1{font-size:33px;line-height:1.65;margin:18px 0 16px}.article-summary{font-size:13px;color:#92a0b7;margin-bottom:23px;line-height:1.95}.article-meta{display:flex;align-items:center;gap:10px;font-size:10px;color:#94a2b8;flex-wrap:wrap}.article-meta>span{display:flex;align-items:center;gap:5px}.article-meta>i{width:2px;height:2px;background:#c8d1e1;border-radius:50%;margin:0 1px}.author-avatar{background:#edf2ff;color:#6b8bda!important;width:26px;height:26px;border-radius:7px;justify-content:center;font-size:9px;font-weight:600}.article-tags{display:flex;gap:14px;margin-top:18px;font-size:9px;color:#98a9c4;flex-wrap:wrap}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:65px;padding-top:30px}.article-body{min-width:0}.article-cover{border-radius:10px;max-height:400px;width:100%;object-fit:cover;margin-bottom:28px}.demo-notice{font-size:11px;color:#8c9bb1;background:#f8fafd;border:1px solid #eaf0f8;border-radius:7px;padding:12px 14px;display:flex;align-items:center;gap:9px;margin-bottom:28px}.article-toc>div{position:sticky;top:115px;border-left:1px solid #e7edf6;padding-left:20px}.article-toc h3{display:flex;align-items:center;gap:8px;font-size:11px;color:#617594;margin-bottom:20px}.article-toc a{display:block;font-size:10px;line-height:1.9;padding:5px 0;color:#97a6bd;transition:color .2s}.article-toc a:hover{color:var(--blue)}.article-toc a.toc-sub{padding-left:11px;font-size:9px}.article-toc a.toc-top{border-top:1px solid #edf0f6;margin-top:18px;padding-top:14px;font-size:9px}.project-links{display:flex;gap:11px;margin-top:26px}.article-end{display:flex;align-items:center;justify-content:center;gap:15px;color:#c9d4e6;margin:47px 0 34px}.article-end>span{height:1px;width:35px;background:#e7edf6}.article-adjacent{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px}.article-adjacent>a{max-width:48%;flex:1}.article-adjacent span{display:block;font-size:9px;color:#a2b0c5;margin-bottom:10px}.article-adjacent strong{font-size:11px;font-weight:500;display:flex;align-items:center;gap:8px;color:#7186a5;line-height:1.7}.article-adjacent a:hover strong{color:var(--blue)}.article-adjacent .next{margin-left:auto;text-align:right}.article-adjacent .next strong{justify-content:flex-end}.markdown{font-size:13px;line-height:2.05;color:#5a6c87;overflow-wrap:anywhere}.markdown h1,.markdown h2,.markdown h3,.markdown h4{scroll-margin-top:105px;color:#2d415f;font-weight:600;line-height:1.7}.markdown h1{font-size:27px;margin:34px 0 18px}.markdown h2{font-size:22px;margin:34px 0 16px}.markdown h3{font-size:17px;margin:27px 0 14px}.markdown h4{font-size:14px;margin:24px 0 12px}.markdown p{color:inherit;line-height:2.05;margin:0 0 20px}.markdown ul,.markdown ol{padding-left:23px;margin:17px 0 25px}.markdown li{padding-left:4px;margin-bottom:8px}.markdown li::marker{color:#9badca}.markdown a{color:#4e7acf;text-decoration:underline;text-underline-offset:3px}.markdown blockquote{border-left:3px solid #b4c8f3;background:#f6f9ff;border-radius:0 6px 6px 0;padding:15px 20px;margin:22px 0;color:#889cba;font-size:12px}.markdown blockquote p:last-child{margin:0}.markdown pre{position:relative;overflow:auto;border:1px solid #e8edf5;background:#f8fafd;border-radius:8px;padding:25px 22px;margin:24px 0;line-height:1.85}.markdown code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.88em;background:#f0f4fc;border-radius:4px;padding:2px 5px;color:#5576b3}.markdown pre code{background:transparent;padding:0;font-size:11px;display:block;color:#657996}.markdown pre .hljs{background:transparent}.code-copy{position:absolute;right:8px;top:7px;font-size:8px;padding:3px 6px;color:#9aa9c2;border:1px solid #e1e8f3;border-radius:4px;background:#ffffffc7}.code-copy:hover{color:var(--blue);border-color:#afc2ef}.markdown table{border-collapse:collapse;display:block;overflow-x:auto;margin:24px 0;width:100%;font-size:12px}.markdown th,.markdown td{border:1px solid #e4ebf5;padding:11px 16px;text-align:left;min-width:130px}.markdown th{background:#f7f9fd;font-weight:500}.markdown hr{border:0;border-top:1px solid var(--line);margin:35px 0}.markdown img{border-radius:8px;margin:25px auto;max-height:700px;object-fit:contain}.markdown input[type=checkbox]{margin-right:8px}.not-found{padding-top:85px;padding-bottom:110px;text-align:center}.not-found-number{font-size:110px;line-height:1.3;color:#e8eefb;font-weight:700;letter-spacing:-8px}.not-found h1{font-size:25px;margin:17px 0}.not-found p{font-size:12px;margin-bottom:28px}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 181px);max-width:1300px;margin:0 auto}.login-decoration{background:#f4f7fd;position:relative;overflow:hidden;padding:80px 70px;display:flex;flex-direction:column;justify-content:center}.login-grid{position:absolute;inset:0;background-image:linear-gradient(#e6edf980 1px,transparent 1px),linear-gradient(90deg,#e6edf980 1px,transparent 1px);background-size:35px 35px;-webkit-mask-image:linear-gradient(black,transparent 80%);mask-image:linear-gradient(black,transparent 80%);pointer-events:none}.login-decoration>*:not(.login-grid){position:relative}.login-decoration .section-number{font-size:9px;color:#97a9c9}.login-decoration h1{font-size:37px;line-height:1.7;margin:22px 0;color:#3a5275}.login-decoration h1 span{color:#7b9ae5}.login-decoration p{font-size:11px;color:#99a9c3}.login-art{display:flex;align-items:center;gap:25px;border:1px solid #dee7f6;border-radius:12px;padding:25px;background:#ffffff65;margin-top:35px;color:#8fa8d7;max-width:340px;transform:rotate(-3deg);box-shadow:0 8px 30px #476b9c05}.login-art>span{font-size:10px;font-family:ui-monospace,Consolas,monospace}.login-decoration-bottom{font-size:8px;color:#b0bfd5;letter-spacing:1.7px;margin-top:55px}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:60px 35px}.login-form{width:325px;max-width:100%}.login-lock{width:49px;height:49px;background:#f0f4ff;color:#7192dc;display:grid;place-items:center;border:1px solid #e4ebfc;border-radius:12px;margin-bottom:24px}.login-form .section-number{font-size:8px;color:#9aaac6}.login-form h2{font-size:25px;margin:10px 0}.login-form>p{font-size:11px;color:#96a5bc;margin-bottom:29px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#64738d;margin-bottom:21px;line-height:1.7}.field input,.field textarea,.field select{width:100%;border:1px solid #e0e7f1;border-radius:6px;padding:11px 12px;font-size:12px;background:#fff;color:#526481;transition:border .2s,box-shadow .2s;min-height:40px;line-height:1.7}.field textarea{resize:vertical;min-height:70px}.field input::placeholder,.field textarea::placeholder{color:#b0bacb;font-size:11px}.field small,.field-hint{font-size:9px;line-height:1.9;color:#a2aec2}.login-submit{width:100%;margin-top:4px;justify-content:space-between}.login-private{display:flex;justify-content:center;align-items:center;gap:6px;font-size:9px;color:#aab6c9;margin-top:17px}.login-form>.back-link{display:flex;justify-content:center;margin-top:37px;font-size:10px}.alert{display:flex;align-items:center;gap:9px;padding:13px 16px;border-radius:7px;font-size:12px;margin-bottom:22px;line-height:1.9;overflow-wrap:anywhere}.alert-error{color:#b46767;background:#fff6f6;border:1px solid #f3dede}.alert-success{color:#658d7b;background:#f3fbf7;border:1px solid #dfede5}.admin-shell{display:flex;min-height:100vh;background:#f7f9fc}.admin-sidebar{width:221px;background:#fff;border-right:1px solid #e7edf5;padding:31px 18px 0;position:fixed;top:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column}.admin-sidebar>.brand{padding-left:9px;font-size:25px}.sidebar-workspace-label{font-size:9px;color:#a7b2c5;letter-spacing:.8px;margin:14px 0 34px 12px}.admin-sidebar nav{display:flex;flex-direction:column;gap:7px}.admin-sidebar nav a{display:flex;align-items:center;gap:12px;color:#8c9ab1;border-radius:7px;font-size:12px;padding:13px 14px;transition:all .2s}.admin-sidebar nav a:hover{background:#f7f9fd;color:#5e7eb6}.admin-sidebar nav a.selected{background:#eef3ff;color:#5278d7;font-weight:500}.sidebar-selected-dot{width:5px;height:5px;border-radius:50%;background:#7998e8;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:40px}.sidebar-bottom>a,.sidebar-bottom>button{width:100%;display:flex;align-items:center;gap:12px;color:#98a6bb;font-size:11px;padding:12px 14px}.sidebar-bottom>a>svg:last-child{margin-left:auto}.sidebar-bottom>a:hover,.sidebar-bottom>button:hover{color:#4c76cb}.sidebar-user{display:flex;align-items:center;gap:10px;border-top:1px solid #ecf0f6;padding:22px 4px 24px;margin-top:16px}.sidebar-user>span:first-child,.header-avatar{background:#eef2fb;width:34px;height:34px;display:grid;place-items:center;border-radius:9px;color:#7c96c7;font-size:11px;font-weight:600}.sidebar-user>div{display:flex;flex-direction:column;gap:4px}.sidebar-user strong{font-size:11px;font-weight:500;color:#7588a7}.sidebar-user small{font-size:8px;color:#adb8ca}.sidebar-user>.status-dot{margin-left:auto;width:5px;height:5px;margin-right:8px}.admin-workspace{margin-left:221px;flex:1;min-width:0}.admin-header{height:77px;border-bottom:1px solid #e8edf6;background:#ffffffd9;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.admin-breadcrumb{display:flex;align-items:center;gap:12px;font-size:10px;color:#adb7c9}.admin-breadcrumb strong{font-weight:400;color:#8093b1}.admin-header-right{display:flex;align-items:center;gap:24px}.admin-date{font-size:10px;color:#a9b5c9}.header-avatar{width:30px;height:30px;font-size:10px}.unsaved-indicator{display:flex;align-items:center;gap:6px;font-size:9px;color:#b09b72}.unsaved-indicator i{width:5px;height:5px;border-radius:50%;background:#d6bf93}.admin-content{padding:37px 36px 0;max-width:1500px;margin:0 auto}.admin-page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.admin-page-title .section-number{font-size:8px;letter-spacing:1.6px;color:#a0aec5}.admin-page-title h1{font-size:26px;line-height:1.6;margin:8px 0 9px;font-weight:600;color:#354b6d}.admin-page-title p{font-size:11px;color:#a1aec2;margin-bottom:0;line-height:1.9}.welcome-dot{color:#7694de;margin-left:5px}.admin-panel{border:1px solid #e6ecf5;border-radius:10px;background:#fff;box-shadow:0 3px 12px #223c6a02;overflow:hidden}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-bottom:27px}.stat-card{display:flex;justify-content:space-between;gap:12px;border:1px solid #e5ebf4;border-radius:9px;background:#fff;padding:23px 24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.stat-card>div{display:flex;flex-direction:column;gap:12px}.stat-card>div>span{font-size:11px;color:#98a7bf}.stat-card strong{font-size:31px;line-height:1.2;font-weight:550;color:#4b648c;letter-spacing:-1px}.stat-card small{font-size:9px;color:#b0bbcd}.stat-icon{width:41px;height:41px;border-radius:10px;background:#f0f4ff;color:#8ba4df;display:grid;place-items:center}.green-icon{background:#eef8f4;color:#80b69f}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:23px}.panel-heading{padding:23px 25px;border-bottom:1px solid #edf1f7;display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-heading h2,.quick-panel h2{font-size:13px;margin:0;color:#5f779a;font-weight:550}.panel-heading .text-link{font-size:9px;color:#9eafcb}.dashboard-recent{padding:3px 24px}.dashboard-recent>a{display:flex;align-items:center;gap:13px;padding:19px 0;border-bottom:1px solid #f0f3f8}.dashboard-recent>a:last-child{border-bottom:0}.recent-icon{display:grid;place-items:center;background:#f5f8fd;border:1px solid #edf1f8;color:#a5b9db;width:35px;height:39px;border-radius:7px;flex-shrink:0}.dashboard-recent>a>div{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.dashboard-recent strong{font-size:11px;color:#6c83a5;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-recent>a:hover strong{color:var(--blue)}.dashboard-recent>a>div>span{font-size:8px;color:#b2bfd2}.dashboard-recent>a>svg{color:#bcc8d9}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;padding:4px 7px;border-radius:4px;white-space:nowrap}.status-badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.status-badge.published{color:#78a48f;background:#f0f8f4}.status-badge.draft{color:#b2a080;background:#faf7f0}.quick-panel{padding:24px}.quick-panel h2{margin-bottom:16px}.quick-panel>a{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid #edf1f8}.quick-panel>a:last-child{border-bottom:0}.quick-panel>a>span{color:#98aed0;background:#f5f8fd;display:grid;place-items:center;width:36px;height:36px;border-radius:8px;flex-shrink:0}.quick-panel>a>div{flex:1;display:flex;flex-direction:column;gap:7px}.quick-panel strong{font-size:11px;font-weight:500;color:#728aaa}.quick-panel small{font-size:8px;color:#afbdd1}.quick-panel>a>svg{color:#b7c4d8}.dashboard-banner{border:1px solid #e3eaf8;background:#f0f5ff;border-radius:10px;display:flex;align-items:center;gap:18px;padding:27px;margin-top:27px}.banner-spark{width:49px;height:49px;background:#ffffffb3;display:grid;place-items:center;color:#92abdf;border:1px solid #e3ebfc;border-radius:12px}.dashboard-banner>div{flex:1}.dashboard-banner h3{font-size:13px;color:#7e96be;font-weight:500;margin-bottom:8px}.dashboard-banner p{font-size:10px;color:#a4b5d1;margin:0}.dashboard-banner .text-link{font-size:10px;color:#8da6d0;white-space:nowrap}.admin-footer{display:flex;justify-content:space-between;gap:20px;color:#bec8d8;font-size:9px;border-top:1px solid #e9eef6;padding:23px 0;margin-top:49px}.admin-panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 23px;border-bottom:1px solid #edf1f7;font-size:12px;color:#7c90b0}.admin-panel-toolbar b{font-size:9px;padding:2px 6px;background:#f2f5fb;color:#9baecc;border-radius:4px;margin-left:7px;font-weight:500}.admin-panel-toolbar .search-box{width:215px}.table-scroll{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:10px;white-space:nowrap;text-align:left}.admin-table th{font-size:9px;font-weight:400;color:#a6b4ca;padding:15px 23px;background:#fbfcfe;border-bottom:1px solid #edf1f7}.admin-table td{padding:21px 23px;border-bottom:1px solid #edf1f7;color:#94a6c0}.admin-table tr:last-child td{border-bottom:0}.admin-table tbody tr:hover{background:#fcfdff}.table-title{font-size:12px;color:#647c9e;font-weight:500;display:block;max-width:360px;overflow:hidden;text-overflow:ellipsis}.table-title:hover{color:var(--blue)}.table-sub{font-size:9px;display:block;color:#b2bfd2;margin-top:8px}.table-date{font-size:9px}.table-actions{display:flex;gap:5px;justify-content:flex-end;color:#9cafcb}.admin-hint{display:flex;align-items:center;gap:9px;font-size:10px;color:#a7b6cc;margin:22px 0 0;line-height:1.9}.form-panel{padding:28px;margin-bottom:24px}.form-panel>h3,.panel-title-row h3{font-size:14px;color:#627d9f;margin:0 0 22px;font-weight:550;display:flex;align-items:center;gap:8px}.form-panel>.panel-description{font-size:10px;color:#a3b2c9;margin-top:-9px;margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.form-grid .full{grid-column:1/-1}.profile-form{max-width:950px}.avatar-editor{display:flex;gap:20px;align-items:center;margin-bottom:30px}.avatar-editor .avatar{width:65px;height:65px;font-size:25px}.avatar-editor .field-hint{margin:7px 0 0}.file-button,.toolbar-upload,.upload-zone{position:relative;cursor:pointer}.file-button input,.toolbar-upload input,.upload-zone input{position:absolute;width:100%;height:100%;opacity:0;inset:0;cursor:pointer}.file-button:focus-within,.toolbar-upload:focus-within,.upload-zone:focus-within{outline:3px solid #a9bff2;outline-offset:3px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.panel-title-row h3{margin:0}.repeatable-card{border:1px solid #e8edf6;background:#fbfcfe;border-radius:8px;padding:18px 20px 0;margin-bottom:19px}.repeatable-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.repeatable-head>span{font-size:9px;color:#a3b3cc}.repeatable-head .icon-button{height:27px;width:27px;color:#b1bed3}.settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:25px;max-width:1050px}.checkbox-field{font-size:11px;display:flex;align-items:center;gap:9px;color:#8399b8;margin:17px 0 23px;line-height:1.7}.checkbox-field input{accent-color:var(--blue);width:14px;height:14px;flex-shrink:0}.hint-panel{border:1px solid #e5ebf6;border-radius:9px;background:#f5f8fd;padding:21px;align-items:flex-start;margin-top:0}.hint-panel p{font-size:10px;color:#a0b2ce;margin:0;line-height:2}.upload-zone{border:1px dashed #cbd9ef;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:31px;gap:11px;border-radius:9px;background:#fbfcff;text-align:center;margin-bottom:26px;color:#a3b4cf;transition:background .2s}.upload-zone:hover{background:#f2f6ff}.upload-zone strong{font-weight:500;font-size:12px;color:#839cc3}.upload-zone>span{font-size:10px}.upload-icon{width:43px;height:43px;border-radius:10px;background:#eef3fd;display:grid;place-items:center;margin-bottom:4px;color:#9bb1d9}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.media-card{border:1px solid #e2e9f4;border-radius:9px;background:#fff;overflow:hidden}.media-preview{height:150px;display:grid;place-items:center;background:#f2f5fb;border-bottom:1px solid #e9eef7}.media-preview img{width:100%;height:150px;object-fit:contain;padding:7px}.pdf-preview{display:flex;flex-direction:column;align-items:center;gap:9px;color:#a4b5d0}.pdf-preview span{font-size:8px;letter-spacing:1px}.media-card-info{padding:17px 16px 8px;display:flex;flex-direction:column;gap:9px}.media-card-info>strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:500;color:#8298b8}.media-card-info>span{font-size:8px;color:#aebed4}.media-card-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f7;padding-top:7px;margin-top:4px}.media-card-actions .text-link{font-size:9px;color:#9ab0cf}.media-card-actions .icon-button{color:#b6c3d7}.editor-topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.editor-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}.editor-main{min-width:0}.editor-writing{overflow:hidden}.entry-title-input{border:0;width:100%;padding:28px 26px 13px;font-size:23px;font-weight:550;line-height:1.8;color:#637d9f;background:#fff}.entry-title-input::placeholder{color:#b0bfd5}.entry-summary-input{border:0;width:100%;padding:0 26px 21px;resize:none;font-size:11px;line-height:1.9;color:#9badc8;background:#fff}.entry-summary-input::placeholder{color:#bcc8da}.entry-title-input:focus,.entry-summary-input:focus{box-shadow:none}.markdown-toolbar{border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;display:flex;gap:17px;align-items:center;flex-wrap:wrap;padding:12px 16px;background:#fcfdff}.markdown-toolbar>span{font-size:9px;color:#91a7c7;display:flex;align-items:center;gap:6px}.toolbar-upload{display:flex;align-items:center;gap:6px;font-size:9px;color:#9caec9}.view-toggle{display:flex;background:#f0f4fa;border:1px solid #e9eef7;border-radius:5px;padding:2px;margin-left:auto}.view-toggle button{font-size:8px;padding:4px 9px;border-radius:3px;color:#a4b4cf}.view-toggle button.selected{background:#fff;color:#7c99c6;box-shadow:0 1px 4px #234e8508}.markdown-editor{display:grid;grid-template-columns:1fr 1fr;min-height:440px}.markdown-editor.mode-write,.markdown-editor.mode-preview{grid-template-columns:1fr}.markdown-editor>textarea{width:100%;height:100%;min-height:440px;border:0;padding:23px 20px;resize:vertical;font-size:11px;line-height:2;font-family:ui-monospace,Noto Sans SC,Consolas,monospace;color:#7d92b2}.markdown-editor>textarea:focus{box-shadow:none}.markdown-editor>textarea::placeholder{color:#bcc8da}.editor-preview{padding:19px 22px;border-left:1px solid #edf1f7;min-width:0;overflow:auto;max-height:800px}.mode-preview .editor-preview{border:0}.editor-preview .markdown{font-size:11px}.editor-preview .markdown h2{font-size:18px}.editor-preview .markdown h3{font-size:15px}.editor-preview .markdown pre{padding:24px 13px}.editor-preview .markdown pre code{font-size:10px}.editor-word-count{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #edf1f7;padding:12px 18px;font-size:8px;color:#b3c0d6}.editor-settings .form-panel{padding:21px}.editor-settings .form-panel>h3{font-size:12px;margin-bottom:21px}.editor-settings .field{font-size:10px;margin-bottom:17px}.editor-settings .field input{font-size:10px;min-height:35px;padding:8px 10px}.editor-settings .field small{font-size:8px}.editor-settings .checkbox-field{font-size:10px;margin-bottom:17px}.small-upload{padding:20px 10px;gap:9px}.small-upload>span{font-size:10px}.small-upload>small{font-size:8px;color:#b1c0d7}.cover-preview{width:100%;max-height:160px;object-fit:cover;border-radius:6px;margin-bottom:17px}.editor-settings .form-panel>.text-link{margin-bottom:13px;font-size:10px}.sidebar-overlay{display:none}@media(min-width:1500px){.container{max-width:1220px}.hero-grid{padding-top:85px;padding-bottom:77px;gap:85px}.hero h1{font-size:46px}.hero-intro{font-size:13px}.hero-visual{padding-right:18px}.profile-window{max-width:450px}.code-lines{font-size:11px}.window-profile{padding-top:29px;padding-bottom:26px}.code-lines>div{line-height:2.5}.project-art{height:195px}}@media(max-width:1150px){.hero-grid{gap:32px}.hero h1{font-size:36px}.hero-visual{padding-right:10px}.code-lines{font-size:9px;margin-left:17px;margin-right:17px}.code-no{margin-right:12px}.floating-tag{right:-4px;font-size:9px;padding:11px 13px}.orbit{width:320px;height:320px;left:0;top:5px}.orbit-two{width:370px;height:370px;left:-25px;top:-20px}.notes-home{gap:30px;grid-template-columns:minmax(0,1fr) 255px}.hero-bottom{gap:18px}.hero-bottom>div{gap:14px}.header-note{font-size:9px}.project-content{padding:19px}.admin-sidebar{width:195px;padding-left:13px;padding-right:13px}.admin-workspace{margin-left:195px}.admin-content{padding:30px 25px 0}.admin-header{padding:0 25px}.stats-grid{gap:13px}.stat-card{padding:21px 17px}.dashboard-columns{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr)}.dashboard-recent{padding:0 17px}.quick-panel{padding:23px 19px}.dashboard-recent>a>svg{display:none}.dashboard-banner .text-link{display:none}.editor-layout{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.editor-settings .form-panel{padding:18px}.markdown-editor{grid-template-columns:1fr}.markdown-editor.mode-split>.editor-preview{border-left:0;border-top:1px solid #edf1f7;max-height:450px}.markdown-editor>textarea{min-height:340px}.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-table td,.admin-table th{padding-left:18px;padding-right:18px}}@media(max-width:900px){.brand-sub,.header-note{display:none}.header-inner{gap:15px}.site-header nav{margin-right:0;gap:29px}.hero-grid{padding-top:55px;padding-bottom:48px;gap:26px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:31px;letter-spacing:-.7px}.hero-intro{font-size:11px}.hero-kicker{font-size:8px;letter-spacing:1px;margin-bottom:22px}.hero-name{font-size:13px}.hero-actions .btn{padding:10px 15px;font-size:11px;min-height:40px}.hero-status{font-size:9px}.window-profile{padding:20px 17px;gap:11px}.window-profile .avatar{width:42px;height:42px;font-size:18px;border-radius:11px}.window-profile strong{font-size:12px}.window-profile>div:nth-child(2)>span{font-size:7px}.profile-code{font-size:16px}.code-lines{font-size:8px}.code-no{font-size:7px;margin-right:8px}.hero-bottom .tiny-label{display:none}.section{padding-top:48px;padding-bottom:48px}.section-heading h2{font-size:24px}.section-heading>p{font-size:10px}.skill-card{padding:21px 19px;gap:14px}.skill-icon{width:39px;height:39px}.skill-card h3{font-size:13px;gap:7px}.skill-card p{font-size:10px}.skill-items{font-size:9px;gap:12px}.project-grid{gap:17px}.project-art{height:160px}.project-content h3{font-size:14px}.project-content p{font-size:10px}.notes-home{grid-template-columns:1fr 220px;gap:26px}.learning-aside{padding:25px 21px}.notes-home .section-heading h2{font-size:23px}.note-row{gap:13px}.note-row-content h3{font-size:12px}.learning-aside h3{font-size:21px}.learning-aside p{font-size:10px}.contact-box{padding:29px}.contact-box h2{font-size:23px}.contact-box .btn{font-size:11px;padding:10px 15px}.contact-box>div:first-child{min-width:0}.contact-section{padding-bottom:49px}.footer-inner{align-items:flex-start;padding-top:27px;padding-bottom:27px}.footer-inner>div{gap:16px}.footer-meta{justify-content:flex-end;row-gap:9px!important}.footer-meta>span{flex-basis:100%;text-align:right}.page-heading-mark{right:30px}.listing-layout{gap:25px}.notes-sidebar{width:195px}.listing-toolbar .search-box{width:100%;margin-top:9px}.notes-sidebar{padding-top:0}.note-list-card{padding:21px}.note-list-card h2{font-size:16px}.listing-layout:has(.notes-sidebar) .sort-label{font-size:8px}.listing-layout .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 160px}.article-heading h1{font-size:29px}.login-decoration{padding:55px 40px}.login-decoration h1{font-size:30px}.login-art{padding:20px;gap:17px}.login-art>span{font-size:8px}.login-art>svg{width:40px}.admin-sidebar{width:185px}.admin-workspace{margin-left:185px}.admin-content{padding:28px 20px 0}.admin-header{height:67px;padding:0 20px}.admin-page-title h1{font-size:22px}.admin-page-title p{font-size:10px}.admin-page-title>.btn{font-size:11px;padding:9px 12px;min-height:39px;gap:6px}.stats-grid{gap:11px}.stat-card{padding:18px 15px}.stat-icon{width:32px;height:32px}.stat-icon svg{width:20px}.stat-card small{font-size:8px;line-height:1.8}.stat-card strong{font-size:28px}.dashboard-columns{grid-template-columns:1fr}.quick-panel{display:none}.dashboard-banner{padding:22px;gap:14px}.dashboard-banner h3{font-size:12px}.dashboard-banner p{font-size:9px}.settings-grid,.editor-layout{grid-template-columns:1fr}.editor-settings{display:grid;grid-template-columns:1fr 1fr;gap:17px}.editor-settings .form-panel{margin:0}.editor-topbar{flex-wrap:wrap}.editor-topbar>.back-link{flex-basis:100%;margin-bottom:7px}.editor-actions{width:100%}.editor-actions>.status-badge{margin-right:auto}.admin-date{display:none}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-panel{padding:22px}.form-grid{gap:0 17px}.profile-form .field{font-size:10px}.admin-panel-toolbar{padding:18px}.table-title{max-width:240px}}@media(max-width:680px){.container{padding-left:22px;padding-right:22px}.site-header{height:65px}.header-inner{justify-content:space-between}.brand{font-size:21px;gap:8px}.brand-icon{width:28px;height:28px}.mobile-menu{display:inline-flex}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);height:auto;padding:13px 22px;gap:0;box-shadow:0 8px 20px #28467605}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch}.site-header nav a{padding:14px 10px;font-size:12px}.site-header nav a.active:after{display:none}.site-header nav a.active{background:#f4f7ff;border-radius:5px}.header-github{margin-left:auto}.hero-grid{grid-template-columns:1fr;padding-top:41px;padding-bottom:31px;gap:21px}.hero-kicker{margin-bottom:24px;font-size:8px}.hero-name{font-size:13px;margin-bottom:14px}.hero h1{font-size:32px;line-height:1.6;letter-spacing:-1px;margin-bottom:18px}.hero-intro{font-size:11px;max-width:100%;line-height:2.15;margin-bottom:23px}.hero-actions{margin-bottom:21px}.hero-actions .btn{min-height:42px;font-size:11px;padding:10px 17px}.hero-status{font-size:9px}.hero-visual{max-width:340px;width:100%;margin:10px auto 0;padding:21px 3px 27px}.profile-window{transform:rotate(-1.5deg)}.window-profile{padding:20px 21px}.window-profile .avatar{width:43px;height:43px}.window-profile strong{font-size:12px}.window-profile>div:nth-child(2)>span{font-size:8px}.code-lines{font-size:9px;margin:0 21px 20px;padding-top:14px}.code-no{font-size:8px;margin-right:14px}.window-bar{height:35px}.window-bottom{padding:10px 15px}.floating-tag{right:-3px;bottom:7px;font-size:8px;padding:9px 13px}.orbit{width:290px;height:290px;top:12px;left:22px}.orbit-two{width:330px;height:330px;top:-8px;left:2px}.plus-one{top:0;right:13px}.plus-two{bottom:18px;left:0}.hero-bottom{padding-top:18px;padding-bottom:18px}.hero-bottom>div{gap:11px;justify-content:space-between;width:100%}.hero-bottom>div>span{font-size:8px;gap:5px}.hero-bottom>div>span>svg{width:14px;height:14px}.hero-bottom i{width:2px;height:2px}.hero-scroll{display:none}.section{padding-top:41px;padding-bottom:41px}.section-heading{margin-bottom:23px;gap:15px}.section-heading h2{font-size:23px;margin-top:7px}.section-heading>p{display:none}.section-number{font-size:8px;letter-spacing:1.5px}.section-heading>.text-link{font-size:10px;gap:5px}.skill-grid{grid-template-columns:1fr;gap:14px}.skill-card{padding:22px 20px;gap:17px}.skill-card h3{font-size:14px}.skill-card p{font-size:10px}.skill-items{font-size:9px}.skill-icon{width:41px;height:41px}.project-grid,.project-grid.two-columns,.listing-layout .project-grid{grid-template-columns:1fr;gap:20px}.project-art{height:177px}.project-content{padding:22px}.project-content h3{font-size:16px}.project-content p{font-size:11px;margin-bottom:18px}.project-content .eyebrow,.tags span{font-size:9px}.notes-home{grid-template-columns:1fr;gap:29px}.notes-home .section-heading h2{font-size:23px}.note-row{gap:12px;padding:21px 0}.note-row-content h3{font-size:13px;margin-top:10px}.note-row-content p{font-size:10px}.note-meta{font-size:8px;gap:8px}.note-index{font-size:10px;margin-top:3px}.note-row>svg{width:18px}.learning-aside{padding:24px;display:grid;grid-template-columns:1fr;min-height:auto;margin-top:0}.aside-icon{display:none}.learning-aside h3{font-size:22px;line-height:1.7;margin:10px 0 12px}.learning-aside h3 br{display:none}.learning-aside p{font-size:11px;max-width:90%;margin-bottom:0}.aside-line{margin-top:21px;margin-bottom:14px}.aside-decoration{font-size:110px;bottom:-33px}.journey-grid{grid-template-columns:1fr;gap:10px}.contact-section{padding-bottom:41px}.contact-box{padding:27px 24px;align-items:flex-start;flex-direction:column;gap:24px}.contact-box h2{font-size:24px;line-height:1.65;margin:10px 0}.contact-box p{font-size:10px;line-height:2}.contact-actions{justify-content:flex-start}.contact-placeholder{font-size:11px;padding:2px 0}.wechat{text-align:left}.mobile-only{display:initial}.footer-inner{flex-direction:column;align-items:flex-start;gap:19px;padding-top:26px;padding-bottom:28px}.footer-inner>div{gap:17px;font-size:9px}.footer-meta{justify-content:flex-start;gap:16px!important;font-size:8px!important}.footer-meta>span{flex-basis:auto;text-align:left}.footer-brand{font-size:18px}.admin-link{font-size:8px}.page-heading{padding-top:33px;padding-bottom:31px}.page-heading h1{font-size:28px;margin:9px 0 12px}.page-heading p{font-size:11px;line-height:2;max-width:88%}.page-heading-mark{top:46px;right:12px;opacity:.7}.page-heading-mark svg{width:57px;height:57px}.listing-layout{padding-top:24px;padding-bottom:49px;display:block;min-height:450px}.filter-tabs{gap:4px}.filter-tabs button{padding:7px 10px;font-size:10px}.listing-toolbar .search-box{margin-top:6px}.search-box input{font-size:11px;padding:10px 12px}.results-meta{margin:20px 0 17px;font-size:9px}.sort-label{font-size:8px}.notes-sidebar{width:100%;display:flex;gap:20px;margin-top:35px}.notes-sidebar .sidebar-block{width:100%;padding:22px;margin:0}.sidebar-note{display:none}.sidebar-block h3{font-size:12px;margin-bottom:17px}.note-list-card{padding:20px}.note-list-card h2{font-size:16px;line-height:1.8;margin:14px 0 10px;gap:12px}.note-list-card h2>svg{width:18px}.note-list-card p{font-size:10px;line-height:2}.note-list-bottom{gap:13px;margin-top:17px}.read-link{font-size:9px}.note-tags{gap:10px;font-size:8px}.note-date{font-size:8px}.notes-list{gap:16px}.detail-container{padding-top:24px;padding-bottom:45px}.article-heading{padding-top:29px;padding-bottom:25px}.article-heading h1{font-size:26px;line-height:1.7;margin-top:15px;margin-bottom:14px}.article-summary{font-size:12px;line-height:2}.article-meta{font-size:9px;gap:8px}.article-layout{grid-template-columns:1fr;padding-top:23px;gap:0}.article-toc{display:none}.markdown{font-size:12px;line-height:2.1}.markdown h2{font-size:20px;margin-top:28px}.markdown h3{font-size:16px}.markdown pre{padding:24px 17px}.markdown pre code{font-size:10px}.markdown blockquote{font-size:11px;padding:12px 16px}.markdown th,.markdown td{font-size:11px;padding:9px 12px}.demo-notice{align-items:flex-start;font-size:10px;line-height:1.9;gap:8px;padding:12px}.demo-notice svg{margin-top:2px}.article-adjacent{gap:19px}.article-adjacent strong{font-size:10px}.article-adjacent span{font-size:8px}.project-links .btn{font-size:11px;padding:10px 16px}.login-page{display:block;min-height:calc(100vh - 205px)}.login-decoration{display:none}.login-form-wrap{padding:48px 24px}.login-form{width:340px}.login-form h2{font-size:25px}.login-form>p{font-size:11px}.login-form .field{font-size:12px}.login-form .field input{padding:12px;min-height:44px}.not-found{padding-top:65px;padding-bottom:80px}.not-found h1{font-size:22px}.not-found-number{font-size:95px}.not-found p{font-size:11px}.admin-sidebar{transform:translate(-100%);transition:transform .25s;width:221px;padding-top:24px}.admin-sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#182d4e40;z-index:55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.admin-workspace{margin-left:0}.admin-header{height:62px;padding:0 18px;gap:10px}.admin-header>.mobile-menu{margin-left:-5px;margin-right:1px}.admin-breadcrumb{margin-right:auto;font-size:9px;gap:7px}.admin-header-right{gap:12px}.header-avatar{width:28px;height:28px;font-size:9px}.unsaved-indicator{font-size:8px}.admin-content{padding:28px 18px 0}.admin-page-title{align-items:flex-start;margin-bottom:25px;gap:13px}.admin-page-title h1{font-size:22px;margin:7px 0 8px}.admin-page-title .section-number{font-size:7px}.admin-page-title p{font-size:9px;line-height:2}.admin-page-title>.btn{font-size:9px;padding:8px 10px;min-height:34px;margin-top:23px;gap:4px}.admin-page-title>.btn svg{width:13px;height:13px}.stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:21px}.stat-card{padding:19px 21px;flex-direction:row}.stat-card>div{display:grid;grid-template-columns:auto 1fr;gap:8px 15px;align-items:center;flex:1}.stat-card>div>span{font-size:11px}.stat-card>div>strong{font-size:25px;grid-row:1/3;grid-column:2;justify-self:end}.stat-card>div>small{font-size:8px}.stat-icon{width:36px;height:36px;margin-left:8px}.dashboard-columns{display:block}.panel-heading{padding:20px}.dashboard-recent{padding:0 18px}.dashboard-recent>a{padding:18px 0;gap:11px}.recent-icon{width:31px;height:35px}.dashboard-recent strong{font-size:10px}.dashboard-recent>a>div>span{font-size:8px}.status-badge{font-size:8px;padding:4px 6px}.dashboard-banner{padding:22px 18px;margin-top:21px;align-items:flex-start;gap:13px}.banner-spark{width:36px;height:36px;border-radius:9px;flex-shrink:0}.banner-spark svg{width:21px}.dashboard-banner h3{font-size:11px;line-height:1.9;margin-bottom:9px}.dashboard-banner p{font-size:9px;line-height:2}.admin-footer{margin-top:37px;font-size:8px;padding-top:20px;padding-bottom:22px}.admin-panel-toolbar{padding:17px;gap:13px;flex-wrap:wrap;font-size:11px}.admin-panel-toolbar .search-box{width:100%}.admin-table th,.admin-table td{padding-left:17px;padding-right:17px}.admin-table th{font-size:8px}.admin-table td{padding-top:18px;padding-bottom:18px;font-size:9px}.table-title{max-width:190px;font-size:11px}.table-sub{font-size:8px}.table-actions{gap:3px}.admin-table .icon-button{width:29px;height:29px}.admin-hint{align-items:flex-start;font-size:9px;gap:8px;line-height:2}.admin-hint>svg{margin-top:2px}.form-panel{padding:22px 19px;margin-bottom:19px}.form-panel>h3,.panel-title-row h3{font-size:13px}.form-grid{grid-template-columns:1fr;gap:0}.field{font-size:11px;margin-bottom:20px}.field input,.field textarea{font-size:12px;padding:10px 11px}.field small{font-size:9px}.avatar-editor{gap:17px;margin-bottom:24px}.avatar-editor .avatar{width:56px;height:56px;font-size:21px}.file-button{font-size:10px}.avatar-editor .field-hint{font-size:8px}.panel-title-row{gap:10px;align-items:center}.panel-title-row .btn{font-size:9px;padding:7px 10px;min-height:32px}.repeatable-card{padding:14px 14px 0}.settings-grid{gap:0}.hint-panel{padding:20px}.media-grid{gap:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.media-preview,.media-preview img{height:120px}.media-card-info{padding:14px 12px 6px}.media-card-info>strong{font-size:10px}.media-card-info>span{font-size:7px}.media-card-actions .text-link{font-size:8px;gap:4px}.media-card-actions .icon-button{width:26px;height:26px}.upload-zone{padding:25px 17px;margin-bottom:22px}.upload-zone strong{font-size:11px}.upload-zone>span{font-size:9px}.editor-topbar{margin-bottom:21px;gap:14px}.editor-actions{gap:6px}.editor-actions .btn{font-size:9px;padding:8px 9px;gap:4px;min-height:34px}.editor-actions .btn svg{width:13px;height:13px}.editor-actions>.status-badge{margin-right:auto;font-size:8px}.editor-settings{grid-template-columns:1fr;gap:18px}.editor-settings .form-panel{padding:23px 20px}.editor-settings .field{font-size:11px}.editor-settings .field input{font-size:11px;padding:10px 11px;min-height:39px}.editor-settings .field small{font-size:9px}.editor-settings .checkbox-field{font-size:11px}.entry-title-input{font-size:21px;padding:24px 20px 13px}.entry-summary-input{padding:0 20px 20px;font-size:10px}.markdown-toolbar{padding:11px 12px;gap:10px}.markdown-toolbar>span{font-size:8px;gap:4px}.toolbar-upload{font-size:8px;gap:4px}.view-toggle button{font-size:8px;padding:4px 6px}.markdown-editor>textarea{min-height:320px;padding:21px 18px;font-size:11px}.editor-preview{padding:18px}.editor-word-count{font-size:7px;padding:11px 13px}.alert{font-size:11px;padding:12px 13px}.state-panel{min-height:220px;padding:40px 15px}.state-panel h3{font-size:14px}.state-panel p{font-size:11px}}.hero-intro{color:#6d7a90;font-size:13px}.hero-kicker,.hero-status,.hero-bottom>div>span{color:#6b7b94}.hero-status{font-size:11px}.hero-bottom>div>span{font-size:11px}.section-number{color:#6a7b97}.section-heading>p{color:#738198}.skill-card p{color:#74839a;font-size:12px}.skill-items{color:#6d7f9c;font-size:11px}.learning-badge{color:#6c7e99}.eyebrow{color:#6b7e9d}.project-content p{color:#75859c;font-size:12px}.tags span{color:#6c7b92}.note-meta{color:#71829f}.note-meta>span:first-child{color:#5e769e}.note-meta .sample-text{color:#7d899c}.note-row-content p{color:#7a899f;font-size:11px}.note-index{color:#8496b2}.learning-aside p,.aside-bottom{color:#7084a4}.learning-aside .section-number{color:#7186a7}.learning-aside p{font-size:12px}.contact-box p{color:#7286a5;font-size:12px}.contact-placeholder{color:#7085a6}.footer-inner,.admin-link{color:#6f7f98}.hero-scroll,.tiny-label{color:#7387a7}.code-comment{color:#72849f}.code-lines{color:#596c89}.code-no{color:#90a0b9}.window-bottom,.window-profile>div:nth-child(2)>span{color:#7285a3}.floating-tag{color:#647a9f}.page-heading p{color:#70829e}.filter-tabs button{color:#71829e}.results-meta{color:#7385a1}.note-list-card p{color:#7486a3}.note-tags{color:#788baa}.note-date,.read-link{color:#7589a9}.sidebar-note p,.tag-cloud button{color:#7085a7}.sidebar-note>span{color:#6d84a6}.article-summary,.article-meta,.article-tags{color:#7186a5}.article-toc a{color:#7489a9}.demo-label{color:#627c9e;background:#ffffffde}.demo-notice{color:#7085a5}.learning-aside .aside-decoration{color:#e9eef7}.field{color:#667b9b}.field small,.field-hint{color:#6e84a4}.field input::placeholder,.field textarea::placeholder{color:#8599b5}.sidebar-workspace-label,.admin-date,.admin-page-title p,.stat-card small,.admin-footer,.admin-hint,.panel-description,.form-panel>.panel-description{color:#748aab}.admin-page-title .section-number{color:#758bac}.admin-breadcrumb{color:#7b91b0}.admin-sidebar nav a{color:#7187a7}.sidebar-bottom>a,.sidebar-bottom>button{color:#7289aa}.sidebar-user small{color:#7990b2}.stat-card>div>span{color:#748bab}.dashboard-recent>a>div>span,.quick-panel small{color:#7e95b6}.dashboard-banner h3{color:#5b79a8}.dashboard-banner p{color:#718bae}.dashboard-banner .text-link{color:#5f7fab}.table-sub,.table-date,.admin-table th,.admin-table td{color:#7a90b0}.table-title{color:#587294}.status-badge.published{color:#477c63}.status-badge.draft{color:#857144}.repeatable-head>span,.checkbox-field{color:#748bab}.upload-zone strong,.upload-zone>span,.small-upload>small{color:#6f88ad}.media-card-info>span,.media-card-actions .text-link{color:#748bab}.editor-word-count,.toolbar-upload,.markdown-toolbar>span{color:#748bab}.view-toggle button{color:#7a90af}.view-toggle button.selected{color:#5578a9}.entry-summary-input{color:#7085a5}.entry-title-input::placeholder{color:#8599b5}.entry-summary-input::placeholder,.markdown-editor>textarea::placeholder{color:#8a9fbe}.login-form>p,.login-private,.login-decoration p,.login-decoration .section-number{color:#7288aa}.login-decoration-bottom{color:#748bad}.header-note,.brand-sub{color:#71829d}@media(max-width:680px){.hero-intro{font-size:12px}.hero-status{font-size:10px}.hero-bottom>div>span{font-size:9px}.skill-card p,.project-content p{font-size:11px}.skill-items{font-size:10px}.learning-aside p,.contact-box p{font-size:11px}.note-row-content p{font-size:10px}}.notes-main{min-width:0}@media(max-width:680px){.notes-home{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}