html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}strong,b{font-weight:800}img{border:0;max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}input,textarea{font:inherit;color:inherit}:root{--accent:#fa541c;--accent-dark:#c30a0ad9;--accent-soft:#fa541c14;--ink:#1f1f1f;--ink-2:#4b4b4b;--ink-3:#8a8a8a;--line:#e8e8e8;--page-bg:#f3f3f3;--surface:#fff;--footer-top:#333;--footer-mid:#151515;--footer-bom:#000;--container:1200px;--header-h:130px;--radius:4px;--shadow-card:0 -4px 9px 3px #42424206}body{background-color:var(--page-bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}main{padding-top:var(--header-h);flex:1}.container{width:var(--container);margin:0 auto}.btn{border-radius:var(--radius);justify-content:center;align-items:center;min-width:132px;height:44px;padding:0 26px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-dark)}.btn-ghost{color:#fff;border:1px solid #fff6}.btn-ghost:hover{background-color:#ffffff1f;border-color:#fff}.btn-outline{border:1px solid var(--line);color:var(--ink);background-color:#fff}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.header{z-index:30;width:100%;height:var(--header-h);border-bottom:1px solid var(--line);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;box-shadow:0 12px 30px -24px #0000008c}.header .logo-box{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;width:100%;height:77px;display:flex}.header .logo-title{color:var(--accent);align-items:baseline;gap:10px;font-size:30px;font-weight:700;transition:all .35s;display:flex}.header .logo-title .logo-sub{letter-spacing:1px;color:var(--ink-3);text-transform:uppercase;font-size:14px;font-weight:500}.header .nav-right{align-items:center;gap:10px;display:flex}.header .nav-right a{height:36px;color:var(--accent);border:1px solid #fa541c66;border-radius:999px;align-items:center;padding:0 18px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.header .nav-right a:hover,.header .nav-right a:last-child{color:#fff;border-color:var(--accent);background-color:var(--accent)}.header .nav-right a:last-child:hover{border-color:var(--accent-dark);background-color:var(--accent-dark)}.header .navigation{justify-content:center;align-items:center;gap:6px;width:100%;height:52px;display:flex}.header .navigation a{height:34px;color:var(--ink-2);border-radius:999px;align-items:center;padding:0 16px;font-size:15px;font-weight:500;transition:all .25s;display:inline-flex}.header .navigation a:hover,.header .navigation a.active{color:var(--accent);background-color:var(--accent-soft)}#icon-menu{border-radius:var(--radius);background-color:var(--accent);width:30px;height:26px;display:none}#icon-menu:before,#icon-menu:after{content:"";background-color:#fff;width:16px;height:2px;margin:0 auto;transition:all .2s;display:block}#icon-menu:before{margin-top:8px;margin-bottom:5px}#icon-menu.active:before{transform:translateY(3px)rotate(45deg)}#icon-menu.active:after{transform:translateY(-3px)rotate(-45deg)}.hero{color:#fff;align-items:center;min-height:480px;display:flex;position:relative;overflow:hidden}.hero-bg{background-position:50%;background-size:cover;position:absolute;inset:0}.hero:after{content:"";background:radial-gradient(120% 95% at 86% 8%,#fa541c3d 0%,#fa541c00 58%),linear-gradient(100deg,#0a0a0cf2 0%,#0a0a0cd1 45%,#0a0a0c7a 100%);position:absolute;inset:0}@keyframes hero-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-inner{z-index:1;align-items:center;gap:56px;padding:76px 0;display:flex;position:relative}.hero-avatar{object-fit:cover;border:3px solid #ffffffe6;border-radius:50%;flex:none;width:168px;height:168px;animation:.6s both hero-rise;box-shadow:0 0 0 6px #fa541c2e,0 22px 48px #00000073}.hero-text{max-width:720px;animation:.6s .12s both hero-rise}.hero-hello{letter-spacing:3px;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.hero-hello:before{content:"";background-color:var(--accent);border-radius:2px;width:26px;height:2px}.hero-name{letter-spacing:.5px;text-shadow:0 2px 18px #0006;margin:10px 0 8px;font-size:42px;font-weight:800;line-height:1.18}.hero-name span{letter-spacing:1px;color:#ffffffa8;margin-left:12px;font-size:17px;font-weight:500}.hero-role{color:#ffffffeb;font-size:18px}.hero-tagline{color:var(--accent);margin:12px 0 10px;font-size:15px;font-weight:600}.hero-intro{color:#ffffffc7;margin-bottom:28px;font-size:15px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-actions .btn{border-radius:999px;padding:0 30px}.hero-actions .btn-ghost{background-color:#ffffff14;border-color:#ffffff80}.hero-actions .btn-ghost:hover{background-color:#ffffff29;border-color:#fff}@media (prefers-reduced-motion:reduce){.hero-avatar,.hero-text{animation:none}}.content-container{box-sizing:border-box;border-radius:var(--radius);box-shadow:var(--shadow-card);background:linear-gradient(#fffffffa,#fff);margin:28px auto 40px;padding:20px 50px 46px;position:relative}.section-title{z-index:2;text-align:center;background-color:var(--accent);width:200px;padding-bottom:14px;transition:all .35s;position:absolute;top:0;left:0}.section-title .title-desc{letter-spacing:1px;text-transform:uppercase;color:#fff;padding:9px 4px;font-size:13px;display:block;position:relative}.section-title .title-desc:after{content:"";background-color:#00000010;border-radius:1px;width:100%;height:100%;position:absolute;top:0;left:0}.section-title .title-main{letter-spacing:3px;color:#fff;margin-top:2px;font-size:26px;font-weight:700;position:relative}.section-title .title-main:after{content:"";background-color:#ffffffd9;border-radius:10px;width:50px;height:4px;margin:10px auto 0;display:block}.page-body{margin-top:96px}.body-lead{color:var(--ink-2);margin-bottom:28px;font-size:15px;line-height:2}.empty-hint{color:var(--ink-3);margin-bottom:28px;font-size:14px;line-height:2}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin-bottom:12px}.md.body-lead p{margin-bottom:28px}.md h2,.md h3,.md h4{color:var(--ink);margin-bottom:10px;font-size:17px;line-height:1.6}.md ul,.md ol{margin-bottom:12px;padding-left:22px}.md li{margin-bottom:6px}.md blockquote{border-left:3px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;background-color:var(--accent-soft);margin-bottom:12px;padding:10px 16px}.md code{background-color:#0000000f;border-radius:3px;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.md pre{border-radius:var(--radius);color:#e8e8e8;background-color:#1f2430;margin-bottom:12px;padding:14px 16px;overflow-x:auto}.md pre code{color:inherit;background:0 0;padding:0}.md a{color:var(--accent);text-decoration:underline}.md img{border-radius:var(--radius);max-width:100%}.md hr{border:0;border-top:1px solid var(--line);margin:22px 0}.md table{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:14px}.md th,.md td{border:1px solid var(--line);text-align:left;padding:8px 12px}.section-more{text-align:center;margin-top:40px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{border:1px solid var(--line);border-radius:var(--radius);background-color:#fff;padding:28px 26px;transition:all .35s}.feature-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 14px 30px #00000012}.feature-card h3{font-size:18px;font-weight:700}.feature-card h3:before{content:"";background-color:var(--accent);border-radius:2px;width:34px;height:3px;margin-bottom:14px;display:block}.feature-card p{color:var(--ink-2);margin-top:10px;font-size:14px;line-height:1.85}.project-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project-card{border:1px solid var(--line);border-radius:var(--radius);background-color:#fff;flex-direction:column;padding:26px;transition:all .35s;display:flex}.project-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 14px 30px #00000012}.project-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.project-name{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:17px;font-weight:700}.project-year{color:var(--ink-3);flex:none;font-size:13px}.project-summary{color:var(--ink-2);flex:1;margin-top:12px;font-size:14px;line-height:1.8}.tag-list{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tag{color:var(--accent);background-color:var(--accent-soft);border-radius:20px;padding:3px 10px;font-size:12px}.skill-groups{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.skill-group h3{border-bottom:2px solid var(--accent);margin-bottom:22px;padding-bottom:12px;font-size:17px;font-weight:700}.skill-item+.skill-item{margin-top:18px}.skill-item-top{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;display:flex}.skill-item-top span:last-child{color:var(--ink-3);font-variant-numeric:tabular-nums}.skill-bar{background-color:#eee;border-radius:6px;height:6px;overflow:hidden}.skill-bar i{background:linear-gradient(90deg, var(--accent), #ff7a45);border-radius:6px;height:100%;display:block}.tool-list{flex-wrap:wrap;gap:10px;display:flex}.tool{border:1px solid var(--line);color:var(--ink-2);background-color:#fff;border-radius:20px;padding:6px 14px;font-size:13px;transition:all .3s}.tool:hover{border-color:var(--accent);color:var(--accent)}.post-list{flex-direction:column;gap:18px;display:flex}.post-item{border:1px solid var(--line);border-radius:var(--radius);background-color:#fff;padding:24px 26px;transition:all .35s;display:block}.post-item:hover{border-color:var(--accent);transform:translate(4px)}.post-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}.post-title{color:var(--ink);margin:10px 0 8px;font-size:19px;font-weight:700;transition:all .3s}.post-item:hover .post-title{color:var(--accent)}.post-summary{color:var(--ink-2);font-size:14px;line-height:1.8}.post-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.article-title{font-size:28px;font-weight:800;line-height:1.35}.article-meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;font-size:13px;display:flex}.article-content{border-top:1px solid var(--line);margin-top:26px;padding-top:26px}.article-content p{color:var(--ink-2);margin-bottom:16px;font-size:15px;line-height:2}.back-link{color:var(--accent);align-items:center;gap:6px;margin-top:26px;font-size:14px;display:inline-flex}.back-link:hover{text-decoration:underline}.contact-grid{grid-template-columns:1fr 1.1fr;gap:36px;display:grid}.info-list{flex-direction:column;gap:16px;display:flex}.info-item{border:1px solid var(--line);border-radius:var(--radius);background-color:#fff;padding:20px 22px}.info-item .lab{color:var(--ink-3);margin-bottom:6px;font-size:13px}.info-item .val{word-break:break-all;font-size:15px;font-weight:600}.info-item .val a{color:var(--accent)}.info-item .val a:hover{text-decoration:underline}.forms{flex-direction:column;display:flex}.forms .item{margin-bottom:16px}.forms .item .lab{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.forms .item .entry-sty{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius);background-color:#fff;outline:none;width:100%;height:44px;padding:0 12px;font-size:14px;transition:all .3s}.forms .item textarea.entry-sty{resize:vertical;height:132px;padding:12px;line-height:1.7}.forms .item .entry-sty:focus{border-color:var(--accent)}.forms .item .submit-button{border-radius:var(--radius);color:#fff;background-color:var(--accent);width:100%;height:46px;font-size:15px;font-weight:600;transition:all .3s}.forms .item .submit-button:hover:not(:disabled){background-color:var(--accent-dark)}.forms .item .submit-button:disabled{opacity:.6;cursor:not-allowed}.form-note{font-size:13px}.form-note.ok{color:#2f9e44}.form-note.err{color:#e03131}.footer-top{background-color:var(--footer-top);padding:26px 0 34px}.footer-top-inner{justify-content:space-between;gap:48px;display:flex}.footer-top .tit{color:#fff;border-bottom:1px solid #414141;margin-bottom:22px;font-size:16px;font-weight:700;line-height:40px}.footer-top a,.footer-top p{color:#999;font-size:14px;line-height:1.75}.footer-top a:hover{text-decoration:underline}.footer-top .friendly-warp{flex:1;min-width:0}.footer-top .friendly-box{grid-template-columns:repeat(3,1fr);gap:0 12px;display:grid}.footer-top .friendly-box a{white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:2;overflow:hidden}.footer-top .about{flex:0 0 30%}.footer-top .about .cont{font-size:15px;line-height:1.8}.footer-top .about .more{text-align:center;text-transform:uppercase;color:#5f5f5f;border:1px solid #484848;border-radius:20px;min-width:94px;height:30px;margin-top:20px;padding:0 10px;font-size:13px;line-height:28px;transition:all .3s;display:inline-block}.footer-top .about .more span{padding-right:6px;transition:all .3s}.footer-top .about .more:hover{color:#fff;border-color:#fff;text-decoration:none}.footer-top .about .more:hover span{padding-right:4px}.footer-center{color:#999;background-color:var(--footer-mid);flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:14px 15px;font-size:14px;display:flex}.footer-center a{color:#999;font-size:14px}.footer-center a:hover{text-decoration:underline}.footer-bom{text-align:center;color:#999;background-color:var(--footer-bom);justify-content:center;align-items:center;padding:20px 15px;font-size:14px;display:flex}.admin-page{background-color:var(--page-bg);min-height:100vh;padding:34px 0 64px}.admin-login{border-radius:var(--radius);background-color:var(--surface);max-width:380px;box-shadow:var(--shadow-card);flex-direction:column;gap:14px;margin-top:80px;padding:30px 28px 34px;display:flex}.admin-login-title{color:var(--accent);font-size:22px;font-weight:700}.admin-hint,.admin-status{color:var(--ink-3);font-size:13px}.admin-status.ok{color:#2f9e44}.admin-status.err{color:#e03131}.admin-top{border-radius:var(--radius);background-color:var(--surface);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.admin-top h1{margin-bottom:4px;font-size:20px;font-weight:700}.admin-actions{flex:none;gap:10px;display:flex}.admin-btn{border:1px solid var(--line);border-radius:var(--radius);background-color:#fff;justify-content:center;align-items:center;height:36px;padding:0 16px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.admin-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.admin-btn.primary{border-color:var(--accent);color:#fff;background-color:var(--accent)}.admin-btn.primary:hover:not(:disabled){border-color:var(--accent-dark);background-color:var(--accent-dark);color:#fff}.admin-btn:disabled{opacity:.55;cursor:not-allowed}.admin-body{grid-template-columns:208px 1fr;align-items:start;gap:20px;margin-top:20px;display:grid}.admin-nav{border-radius:var(--radius);background-color:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;gap:4px;padding:8px;display:flex}.admin-nav button{text-align:left;border-radius:var(--radius);color:var(--ink-2);padding:10px 12px;font-size:14px;transition:all .25s}.admin-nav button:hover{color:var(--accent);background-color:var(--accent-soft)}.admin-nav button.active{color:#fff;background-color:var(--accent)}select.admin-input{cursor:pointer;padding:0 8px}.admin-panel{border-radius:var(--radius);background-color:var(--surface);min-width:0;box-shadow:var(--shadow-card);padding:22px 24px 26px}.admin-panel-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;display:flex}.admin-panel-head h2{font-size:18px;font-weight:700}.admin-panel-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-savebar{border-top:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);background-color:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:22px -24px -26px;padding:14px 24px;display:flex;position:sticky;bottom:0}.admin-status.warn{color:var(--accent)}.admin-stack{flex-direction:column;gap:20px;margin-top:18px;display:flex}.admin-stack>*+.admin-list{margin-top:14px}.admin-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.admin-field{flex-direction:column;gap:6px;min-width:0;display:flex}.admin-label{color:var(--ink-2);align-items:center;gap:5px;font-size:13px;font-weight:600;display:flex}.admin-suffix{color:var(--ink-3);font-weight:400}.admin-input{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius);background-color:#fff;outline:none;width:100%;height:40px;padding:0 12px;font-size:14px;transition:all .3s}textarea.admin-input{resize:vertical;height:auto;padding:10px 12px;line-height:1.7}.admin-input:focus{border-color:var(--accent)}.admin-list{flex-direction:column;gap:10px;display:flex}.admin-list-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-add{border:1px dashed var(--accent);border-radius:var(--radius);height:30px;color:var(--accent);padding:0 12px;font-size:13px;font-weight:600;transition:all .25s}.admin-add:hover{background-color:var(--accent-soft)}.admin-chips{flex-wrap:wrap;gap:8px;display:flex}.admin-chip{box-sizing:border-box;border:1px solid var(--line);background-color:#fff;border-radius:16px;align-items:center;gap:2px;max-width:100%;height:32px;padding:0 4px 0 10px;transition:border-color .2s;display:inline-flex}.admin-chip:hover,.admin-chip:focus-within{border-color:var(--accent)}.admin-chip .admin-input{field-sizing:content;background-color:#0000;border:0;flex:0 auto;width:auto;min-width:4ch;height:30px;padding:0}.admin-chip .admin-input:focus{border-color:#0000}.admin-chip-tools{align-items:center;display:flex}.admin-chip-tools button{width:20px;height:20px;color:var(--ink-3);cursor:pointer;background-color:#0000;border:0;border-radius:50%;padding:0;font-size:12px;line-height:1;transition:all .2s}.admin-chip-tools button:hover{color:#e03131;background-color:#e0313114}.admin-row-actions{border:1px solid var(--line);background-color:var(--surface);border-radius:8px;flex-shrink:0;align-items:center;gap:2px;padding:2px;display:flex}.admin-row-actions button{width:24px;height:24px;color:var(--ink-2);background-color:#0000;border:1px solid #0000;border-radius:6px;padding:0;font-size:13px;line-height:1;transition:all .2s}.admin-row-actions button:hover:not(:disabled){border-color:var(--line);color:var(--accent);background-color:#fff}.admin-row-actions button:disabled{opacity:.4;cursor:not-allowed}.admin-row-actions button.danger:hover:not(:disabled){color:#e03131;border-color:#e03131}.admin-card{border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;position:relative}.admin-card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-card-title{font-size:14px;font-weight:700}.admin-card-title,.admin-list-head .admin-label,.admin-group-title{padding-left:9px;position:relative}.admin-card-title:before,.admin-list-head .admin-label:before,.admin-group-title:before{content:"";background-color:var(--accent);border-radius:2px;width:3px;height:14px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.admin-group-title{color:var(--ink-2);font-size:13px;font-weight:700}.admin-card-body{flex-direction:column;gap:12px;display:flex}.admin-empty{color:var(--ink-3);font-size:13px}.admin-post{border:1px solid var(--line);border-radius:var(--radius);background-color:var(--surface);align-items:center;gap:12px;padding:12px 14px;transition:border-color .2s;display:flex;position:relative}.admin-post:hover{border-color:var(--accent)}.admin-post-main{min-width:0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;gap:4px;padding:0;display:flex}.admin-post-title{color:var(--ink);font-size:15px;font-weight:600;transition:color .2s}.admin-post-main:hover .admin-post-title{color:var(--accent)}.admin-post-meta{color:var(--ink-3);font-size:12px}.admin-post-summary{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.admin-post-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.admin-post-actions button{height:28px;color:var(--ink-2);border:1px solid var(--line);cursor:pointer;background-color:#fff;border-radius:6px;padding:0 10px;font-size:13px;transition:all .2s}.admin-post-actions button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.admin-post-actions button.danger:hover:not(:disabled){color:#e03131;border-color:#e03131}.admin-post-actions button:disabled{opacity:.4;cursor:not-allowed}.admin-post-preview{z-index:3;border:1px solid var(--line);border-radius:var(--radius);background-color:var(--surface);opacity:0;visibility:hidden;pointer-events:none;max-height:320px;padding:14px 16px 20px;transition:opacity .18s,visibility .18s;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 26px #0000001f}.admin-post-main:hover~.admin-post-preview{opacity:1;visibility:visible}.admin-post-preview-summary{color:var(--ink-2);margin-bottom:8px;font-size:13px}.admin-post-preview-md{font-size:14px}@media (hover:none){.admin-post-preview{display:none}}.md-editor{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.md-toolbar{flex-wrap:wrap;gap:6px;display:flex}.md-toolbar button{height:28px;color:var(--ink-2);border:1px solid var(--line);border-radius:var(--radius);background-color:#fff;padding:0 10px;font-size:13px;transition:all .2s}.md-toolbar button:hover{border-color:var(--accent);color:var(--accent)}.md-live{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--radius);background-color:#fff;width:100%;transition:all .3s;position:relative;overflow:hidden}.md-live:focus-within{border-color:var(--accent)}.md-live-layer,.md-live-input{white-space:pre-wrap;overflow-wrap:break-word;scrollbar-gutter:stable;padding:10px 12px;font-family:inherit;font-size:14px;line-height:1.7}.md-live-layer{z-index:0;color:var(--ink);pointer-events:none;position:absolute;inset:0;overflow:hidden}.md-live-line{min-height:1.7em}.md-live-quote{color:var(--ink-2);box-shadow:inset 3px 0 0 var(--line)}.md-live-input{box-sizing:border-box;z-index:1;color:#0000;width:100%;height:auto;caret-color:var(--ink);resize:vertical;background-color:#0000;border:0;border-radius:0;outline:none;display:block;position:relative;overflow:auto}.md-live-input::placeholder{color:var(--ink-3)}.md-live-input::selection{background-color:#fa541c3d}.md-hl-mark{color:#c7c7c7}.md-hl-heading{color:var(--accent);font-weight:700}.md-hl-strong{font-weight:700}.md-hl-em{font-style:italic}.md-hl-code{color:var(--accent-dark);background-color:var(--accent-soft);box-shadow:0 0 0 3px var(--accent-soft);border-radius:3px}.md-hl-link{color:var(--accent);text-decoration:underline}.md-hl-url{color:var(--ink-3)}@media (width<=900px){.admin-body,.admin-fields{grid-template-columns:1fr}.admin-post{flex-wrap:wrap}.admin-post-main{flex-basis:100%}.admin-post-actions{margin-left:auto}.admin-top{flex-direction:column;align-items:flex-start}}@media (width<=1240px){.container{width:auto;margin-left:15px;margin-right:15px}.content-container{margin:24px 15px 32px}}@media (width<=1000px){.header .logo-title{font-size:24px}.feature-grid,.project-grid,.skill-groups{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.hero-avatar{width:132px;height:132px}.hero-name{font-size:32px}.footer-top .friendly-box{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){:root{--header-h:60px}.header .logo-box{border-bottom:0;height:100%}.header .logo-title{font-size:20px}.header .logo-title .logo-sub,.header .nav-right{display:none}#icon-menu{display:block}.header .navigation{top:var(--header-h);z-index:15;width:100%;height:calc(100vh - var(--header-h));background-color:#fff;flex-direction:column;justify-content:flex-start;gap:0;padding-top:12px;transition:all .3s;position:fixed;left:0;transform:translateY(-150%)}.header .navigation.active{transform:translateY(0)}.header .navigation a{border-radius:0;justify-content:center;width:100%;height:auto;padding:14px 0}.hero{min-height:auto}.hero-inner{flex-direction:column;align-items:flex-start;gap:26px;padding:44px 0}.hero-name{font-size:26px}.hero-name span{margin:6px 0 0;display:block}.content-container{padding:20px 20px 34px}.section-title{transform-origin:0 0;transform:scale(.74)}.page-body{margin-top:74px}.feature-grid,.project-grid,.skill-groups{grid-template-columns:1fr}.footer-top-inner{flex-direction:column;gap:30px}.footer-top .about{flex:auto;width:100%}}@media (width<=620px){.footer-top .friendly-box{grid-template-columns:1fr}.footer-top .friendly-box a:before{content:"▸";margin-right:5px}.article-title{font-size:22px}.post-item:hover{transform:none}}