:root{--ink:#3e3e3e;--muted:#9e9e9e;--accent:#409eff;--line:#eeeeee;--header-height:76px}*{box-sizing:border-box}html{scroll-padding-top:100px}body{margin:0;padding-top:var(--header-height);color:var(--ink);background:#f8f8f8;font:14px/1.8 "Microsoft YaHei","PingFang SC",sans-serif;min-height:100vh}a{color:inherit}a:hover{color:var(--accent)}button,input,textarea{font:inherit}button{cursor:pointer}.layui-btn{background:var(--accent);border-radius:7px}.layui-btn-primary{background:white;color:#000;border-color:#e6e6e6}.layui-btn-danger{background:#e87585}.glass,.layui-card{background:#fff;border:1px solid #eeeeee;border-radius:14px;box-shadow:0 3px 14px #00000004}.topbar{position:fixed;inset:0 0 auto;height:var(--header-height);z-index:1000;background:#fefefe;border-bottom:1px solid #ececec;box-shadow:0 2px 10px #00000005}.nav-inner{max-width:1240px;margin:auto;display:flex;align-items:center;height:100%;gap:24px;padding:0 24px}.brand{font-size:21px;font-weight:700;letter-spacing:1px;white-space:nowrap;display:flex;align-items:center;gap:10px}.sun{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:#f6f6f6;color:#000;border-radius:11px;font-size:26px}.primary-nav{display:flex;gap:5px;align-items:center;white-space:nowrap}.primary-nav a{padding:7px 12px;border-radius:8px;color:#000;font-size:13px}.primary-nav a:hover,.primary-nav a.is-active{color:#000;background:#f4f4f4}.primary-nav a.is-active{font-weight:600}.nav-search{display:flex;align-items:center;gap:6px;margin-left:auto;border:1px solid #ececec;border-radius:9px;background:#f7f7f7;width:190px;height:36px;padding:0 10px}.nav-search input{border:0;outline:none;background:transparent;min-width:0;width:100%;color:var(--ink);font-size:12px}.nav-search input::placeholder{color:#000}.nav-search button{background:none;border:0;color:#000;padding:0 2px}.account{display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}.account>a{padding:5px 8px;border-radius:7px}.account>a.is-active{background:#f4f4f4;color:#000;font-weight:600}.account-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;color:#000}.inline{display:inline-block}.text-button{background:none;border:0;color:inherit;padding:0 5px;line-height:inherit}.text-button:hover{color:var(--accent)}.wrap{max-width:1160px;margin:auto;padding:0 20px}.home-wrap,.management-shell{padding-top:30px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:27px;align-items:start}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#000;font-weight:600}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;min-height:51px;gap:12px}.section-heading h2{font-size:20px;font-weight:700;margin-bottom:2px}.section-heading div>span{font-size:11px;color:#000}.heading-actions{display:flex;gap:16px;align-items:center;flex-shrink:0}.count{font-size:9px;color:#000;letter-spacing:2px;border-bottom:1px solid #e4e4e4;padding-bottom:5px}.post-card{overflow:hidden;margin-bottom:24px}.post-cover{display:block;height:180px;position:relative;overflow:hidden}.post-cover img{width:100%;height:100%;object-fit:cover}.warm{background:#fff}.blue{background:#fff}.green{background:#fff}.art-circle{position:absolute;width:145px;height:145px;border-radius:50%;background:#fff;top:19px;left:58%}.art-window{position:absolute;width:138px;height:170px;left:25%;top:30px;border-radius:75px 75px 0 0;border:11px solid #fff4;background:#fff}.blue .art-window{transform:rotate(-13deg);border-radius:12px;left:52%;top:45px;height:145px;border-width:8px}.green .art-window{transform:rotate(30deg);left:55%;top:65px;width:100px;height:160px;border-radius:85% 0 80% 0;background:#00000033;border:0}.art-caption{position:absolute;left:29px;bottom:25px;letter-spacing:4px;font:10px var(--font-ui);color:#6369599c}.art-number{position:absolute;right:27px;bottom:18px;font:500 30px var(--font-ui);color:#fff9}.post-body{padding:23px 28px 20px}.post-meta{display:flex;align-items:center;gap:10px;color:#000;font-size:11px}.post-meta a{color:#000}.pin{color:#b7955d;background:#f6f0e4;padding:0 7px;border-radius:4px;font-size:10px}.post-body h2{font-size:20px;margin:9px 0 11px;font-weight:600;letter-spacing:.3px}.post-body>p{font-size:12px;color:#000;line-height:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-bottom{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);display:flex;align-items:center;gap:12px}.tag{font-size:10px;color:#000;margin-right:12px}.post-bottom>span{color:#000;font-size:10px;margin-left:auto;white-space:nowrap}.post-bottom i{font-size:12px;margin-left:7px}.read-more{font-size:10px;color:#000;white-space:nowrap}.profile{overflow:hidden;text-align:center;position:relative;padding-bottom:22px;margin-bottom:20px}.profile-art{height:89px;background:#fff;overflow:hidden}.profile-art span{font-size:100px;color:#ffffff80;position:relative;top:-57px;left:80px}.avatar{height:62px;width:62px;background:#fff;border:5px solid white;border-radius:20px;position:relative;margin:-32px auto 12px;font-size:22px;font-weight:700;line-height:52px;color:#000}.profile h2{font-size:18px;font-weight:600;letter-spacing:1px}.profile p{font-size:11px;color:#000;padding:10px 24px 16px;line-height:2}.stats{display:flex;padding:3px 18px 0}.stats div{flex:1;color:#000;font-size:10px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{display:block;font:600 20px/1.5 var(--font-ui);color:#000}.side-block{padding:21px 22px;margin-bottom:20px}.side-block h3{font-size:13px;font-weight:600;margin-bottom:14px}.side-block h3>span{color:#000;margin-right:5px}.side-block>p{font-size:11px;color:#000;line-height:2.1}.category-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:10px 0;font-size:11px;color:#000}.category-row span{color:#000}.category-row:last-child{padding-bottom:0}.popular{display:flex;gap:12px;font-size:11px;line-height:1.8;padding:9px 0;color:#000}.popular span{font:500 16px var(--font-ui);color:#000}.side-note{font-size:10px;text-align:center;color:#000;line-height:2.2;letter-spacing:1px;padding:5px}.pagination{display:flex;gap:9px;justify-content:center;margin:35px 0}.pagination a{width:32px;height:32px;line-height:32px;text-align:center;background:white;border-radius:8px;color:#000}.pagination .active{background:#409eff;color:white}footer{max-width:1120px;margin:45px auto 0;padding:25px 0 30px;border-top:1px solid var(--line);color:#000;font-size:10px;letter-spacing:.4px}footer span{float:right}.notice{padding:12px 18px;background:#f6f6f6;color:#000;border-radius:8px;margin-bottom:20px;font-size:13px}.notice.error{background:#fff0f0;color:#bb4b58}.empty{text-align:center;padding:70px 25px}.empty h2{font-size:22px}.empty p{color:var(--muted);margin:10px 0 20px}.auth-wrap{padding:55px 20px;min-height:75vh}.auth-card{max-width:490px;margin:auto;padding:40px}.auth-card h1{font-size:24px;margin:17px 0 8px}.auth-card>p{color:var(--muted);font-size:12px;margin-bottom:25px}.auth-card label{display:block;font-size:12px;margin-bottom:20px;color:#000}.auth-card input{margin-top:7px;border-radius:7px;border-color:#ededed;height:43px}.captcha-row{display:flex;gap:12px;align-items:end}.captcha-row input{min-width:0}.captcha{height:58px;width:180px;flex-shrink:0;cursor:pointer;border-radius:6px}.full{width:100%;height:43px}.auth-switch{font-size:12px;text-align:center;margin-top:22px;color:var(--muted)}.auth-switch a{color:var(--accent)}.breadcrumb{font-size:12px;color:#000;padding:25px 0}.article-panel{padding:35px 38px}.article-panel h1{font-size:29px;line-height:1.6;margin:15px 0 20px;font-weight:600}.article-admin-actions{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:12px}.article-summary{padding:17px 20px;background:#f8f8f8;border-left:3px solid #d8d8d8;color:#000;font-size:13px;margin-bottom:25px}.article-content{color:#000;font:15px/1.95 "Microsoft YaHei","PingFang SC",sans-serif;overflow-wrap:anywhere}.article-content p{margin:1em 0}.article-content h1,.article-content h2,.article-content h3,.article-content h4{color:#000;font-weight:600;line-height:1.6;margin:1.35em 0 .6em}.article-content h1{font-size:30px}.article-content h2{font-size:24px}.article-content h3{font-size:20px}.article-content h4{font-size:17px}.article-content ul,.article-content ol{padding-left:2em;margin:1em 0}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{list-style:inherit}.article-content a{color:#000;text-decoration:underline}.article-content blockquote{padding:14px 20px;border-left:4px solid #d3d3d3;background:#f5f5f5;margin:20px 0;color:#000}.article-content pre{background:#f4f4f4;padding:18px;border-radius:9px;overflow:auto;font:13px/1.8 var(--font-ui);white-space:pre}.article-content code{font-family:var(--font-ui);background:#f3f3f3;border-radius:4px;padding:2px 4px}.article-content pre code{padding:0}.article-content table{border-collapse:collapse;width:100%;margin:18px 0;display:block;overflow:auto}.article-content th,.article-content td{border:1px solid #e6e6e6;padding:9px 13px;min-width:60px}.article-content th{background:#f6f6f6}.article-content img{max-width:100%;height:auto;border-radius:6px}.article-content hr{margin:25px 0}.article-cover{width:100%;border-radius:10px;margin-bottom:20px}.article-tags{margin-top:30px;border-top:1px solid var(--line);padding-top:20px}.comments-panel{margin-top:24px;padding:30px 34px}.comments-panel>h2{font-size:19px;font-weight:600;margin-bottom:23px}.comments-panel>h2>span{font-size:12px;margin-left:8px;color:#000}.comment{display:flex;gap:13px;border-bottom:1px solid var(--line);padding:22px 0}.comment-avatar{flex:0 0 36px;height:36px;background:#f3f3f3;color:#000;border-radius:12px;text-align:center;line-height:36px}.comment-main{flex:1;min-width:0}.comment strong{font-size:12px}.comment time{font-size:10px;color:#000;margin-left:12px}.comment p{font-size:13px;margin-top:9px;overflow-wrap:anywhere}.comment blockquote{font-size:12px;color:#000;background:#f8f8f8;padding:9px;margin-top:10px;overflow-wrap:anywhere}.reply{font-size:11px;color:#000;margin-top:8px}.comment-form{margin-top:28px}.comment-form h3{font-size:14px;margin-bottom:15px}.comment-form textarea{border-radius:9px;border-color:#ececec;font-size:13px}.comment-actions{display:flex;gap:15px;align-items:center;margin-top:15px}.comment-actions>span{font-size:11px;color:#000;margin-right:auto}.login-prompt{background:#f6f6f6;padding:17px;text-align:center;font-size:13px;color:#000;margin-top:20px}.login-prompt a{color:var(--accent)}.muted{color:var(--muted);font-size:13px}
.management-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.management-heading h1{font-size:26px;font-weight:600;margin:7px 0}.management-heading p{font-size:12px;color:#000}.back-link{font-size:12px;color:#000}.manage-nav{display:flex;gap:6px;align-items:center;overflow-x:auto;padding:8px;margin-bottom:24px;background:#fff;border:1px solid #eeeeee;border-radius:12px}.manage-nav a{white-space:nowrap;padding:8px 18px;border-radius:8px;color:#000;font-size:13px}.manage-nav a.is-active{color:#000;background:#f4f4f4;font-weight:600}.manage-nav a:hover{background:#f9f9f9}.management-content{min-height:45vh}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.dashboard-stats b{font:32px/1.5 var(--font-ui);color:#000}.management-shell .layui-card{margin-bottom:20px;overflow:hidden}.management-shell .layui-card-header{font-weight:500;color:#000;border-bottom:1px solid var(--line);height:auto;min-height:43px}.management-shell .layui-card-body{padding:20px 24px}.admin-toolbar{margin:18px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-toolbar .layui-btn+.layui-btn{margin-left:0}.recent-row{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.recent-row span{color:#000;font-size:12px}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--line);background:white;margin-bottom:15px}.management-shell .layui-table{margin:0;border-color:var(--line);border-radius:12px;overflow:hidden;background:white}.management-shell .layui-table th{background:#f5f5f5;color:#000;font-size:12px;border-color:var(--line)}.management-shell .layui-table td{border-color:var(--line);padding:14px 15px;font-size:12px;overflow-wrap:anywhere}.management-shell .layui-table tbody tr:hover{background:#fcfcfc}.management-shell .layui-badge{border-radius:4px}.settings-form,.edit-form{background:white;padding:30px;border:1px solid var(--line);border-radius:14px}.settings-form{max-width:850px}.management-shell .layui-form-label{color:#000;font-size:13px}.management-shell .layui-input,.management-shell .layui-textarea,.management-shell .layui-select{border-radius:7px;border-color:#eaeaea;font-size:13px;color:#000}.management-shell .layui-form-select dl{border-radius:8px}.management-shell .layui-form-select dl dd.layui-this{background:#f6f6f6;color:#000}.management-shell .layui-form-checked[lay-skin=primary]>i{background:#409eff!important;border-color:#409eff!important}.editor-container{margin:25px 0}.cover-preview{display:block;max-width:250px;max-height:150px;margin:15px 0}.cover-preview[hidden]{display:none}.inline-fields{display:flex;gap:10px;align-items:center}.inline-fields input[name=sort]{width:90px}.inline-fields input[name=name]{max-width:300px}.comment-text{overflow-wrap:anywhere;line-height:1.9}.preview-shell{background:white}.editor-body{padding:15px 25px;background:white}.preview-shell .article-panel{max-width:803px;margin:auto}a:focus-visible,button:focus-visible{outline:2px solid #409eff;outline-offset:3px}
@media(min-width:1500px){.wrap{max-width:1240px}.nav-inner{max-width:1320px}.content-grid{grid-template-columns:minmax(0,1fr) 300px}.post-cover{height:205px}}
@media(max-width:1050px){.nav-inner{gap:15px;padding:0 20px}.brand{font-size:18px;gap:7px}.primary-nav{gap:1px}.primary-nav a{padding:7px 9px;font-size:12px}.nav-search{width:150px}.account{gap:5px}.account-name{max-width:60px}.content-grid{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.post-body{padding:21px}.post-bottom>span{display:none}.post-bottom .read-more{margin-left:auto}.manage-nav a{padding:8px 13px}.dashboard-stats{gap:12px}}
@media(max-width:760px){:root{--header-height:118px}.nav-inner{display:grid;grid-template-columns:auto minmax(70px,1fr) auto;grid-template-rows:57px 45px;gap:0 10px;padding:0 16px;align-content:center}.brand{font-size:17px;grid-column:1;grid-row:1}.sun{width:28px;height:28px;font-size:21px;border-radius:9px}.nav-search{width:100%;grid-column:2;grid-row:1;margin:0;height:32px;padding:0 7px}.nav-search input{font-size:12px}.account{grid-column:3;grid-row:1;font-size:11px;gap:4px}.account-name{display:none}.account>a{padding:4px 5px}.primary-nav{grid-column:1/-1;grid-row:2;overflow-x:auto;gap:8px;border-top:1px solid var(--line);align-self:stretch;align-items:center}.primary-nav a{padding:5px 13px}.home-wrap,.management-shell{padding-top:22px}.content-grid{display:block}.wrap{padding-left:16px;padding-right:16px}aside{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:14px}aside .profile{grid-column:1/-1}.side-block{padding:18px;margin:0}.side-note{grid-column:1/-1}.section-heading h2{font-size:18px}.section-heading div>span{font-size:10px}.heading-actions{gap:10px}.heading-actions .count{display:none}.post-cover{height:165px}.post-body{padding:20px}.post-body h2{font-size:19px}.post-bottom{gap:7px}.tag{margin-right:8px;font-size:10px}.article-panel{padding:25px 22px}.article-panel h1{font-size:25px}.article-content{font-size:14px}.comments-panel{padding:24px 20px}.comment time{display:block;margin:0}.auth-wrap{padding:30px 16px}.auth-card{padding:30px 25px}.auth-card h1{font-size:22px}footer{margin:30px 16px 0;padding-bottom:20px;font-size:9px}footer span{display:none}.management-heading h1{font-size:23px}.back-link{font-size:11px}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.manage-nav{margin-bottom:20px;gap:3px}.manage-nav a{padding:7px 12px;font-size:12px}.settings-form,.edit-form{padding:22px 18px}.management-shell .layui-form-label{float:none;text-align:left;padding-left:0}.management-shell .layui-input-block{margin-left:0}.recent-row{display:block}.recent-row span{display:block}.inline-fields{flex-wrap:wrap}.management-shell .layui-table{min-width:650px}.management-content{overflow-x:auto}.management-shell .layui-card-body{padding:18px}.layui-layer-page{max-width:calc(100vw - 20px)}}
.account>a.auth-login{padding:6px 17px;border:1px solid #e3e3e3;background:#f8f8f8;color:#000;border-radius:8px;font-weight:500}.account>a.auth-register{padding:7px 17px;border:1px solid #409eff;background:#409eff;color:#fff;border-radius:8px;font-weight:500}.account>a.auth-login:hover,.account>a.auth-login.is-active{background:#f1f1f1;color:#000}.account>a.auth-register:hover,.account>a.auth-register.is-active{background:#409eff;border-color:#409eff}.primary-nav a,.manage-nav a,.account>a{text-decoration:none}.personal-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:650px}.personal-stats b{font:32px/1.5 var(--font-ui);color:#000}.personal-reply{background:#f9f9f9;padding:12px 16px;border-radius:8px;margin-top:14px;font-size:13px;overflow-wrap:anywhere}.captcha-row{align-items:center}.captcha-row input{margin-top:0}.captcha-row{margin-top:7px}
@media(max-width:760px){.account>a.auth-login,.account>a.auth-register{padding:5px 8px;font-size:11px}.captcha{width:156px;height:50px}.personal-stats{gap:12px}}
:root{--font-ui:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;--layout-width:1240px;--layout-gutter:24px}body,input,textarea,select,button,.layui-btn,.layui-layer,.layui-form,.layui-table,.tox,.tox *{font-family:var(--font-ui)}.article-content,.article-content code,.article-content pre,.art-caption,.art-number,.popular span,.stats b,.dashboard-stats b,.personal-stats b{font-family:var(--font-ui);font-style:normal}.wrap,.nav-inner,footer{width:100%;max-width:var(--layout-width);padding-left:var(--layout-gutter);padding-right:var(--layout-gutter);margin-left:auto;margin-right:auto}.svg-icon{display:inline-block;width:16px;height:16px;vertical-align:-3px;flex-shrink:0}.sun .svg-icon{width:24px;height:24px}.profile-art .svg-icon{width:100px;height:100px}.category-row .svg-icon{width:13px;height:13px}.post-bottom .svg-icon{width:13px;height:13px;margin-left:5px}.read-more .svg-icon,.back-link .svg-icon{width:13px;height:13px;margin-left:4px}.account>a.account-manage,.account-logout{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 13px;border-radius:8px;font-size:12px;font-weight:500;white-space:nowrap}.account>a.account-manage{background:#f4f4f4;border:1px solid #e5e5e5;color:#000}.account>a.account-manage:hover,.account>a.account-manage.is-active{background:#e8e8e8;border-color:#cccccc;color:#000}.account-logout{background:#fff;border:1px solid #e6e6e6;color:#000}.account-logout:hover{background:#f3f3f3;border-color:#ead3df;color:#b27b96}.account .svg-icon{width:14px;height:14px}.nav-search{transition:border-color .15s,box-shadow .15s;min-width:100px}.nav-search:focus-within{background:#fff;border:1px solid transparent;box-shadow:0 0 0 3px #0000001c}.nav-search:focus-within button{color:#000}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:12px;align-items:center}.auth-card .captcha-row input{height:43px;margin:0}.captcha{width:150px;height:43px;display:block;object-fit:contain;cursor:pointer;border:1px solid #ededed;border-radius:7px}.back-to-top{position:fixed;right:24px;bottom:28px;z-index:950;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#000;background:#f8f8f8;border:1px solid #e4e4e4;border-radius:12px;box-shadow:0 3px 12px #00000012}.back-to-top .svg-icon{width:21px;height:21px}.back-to-top:hover{background:#f0f0f0;border-color:#d0d0d0}.back-to-top[hidden]{display:none}
@media(min-width:1500px){:root{--layout-width:1320px}}
@media(max-width:1050px){:root{--layout-gutter:20px}.account>a.account-manage,.account-logout{gap:4px;padding:0 9px}.account-name{max-width:55px}}
@media(max-width:760px){:root{--layout-gutter:16px}.account>a.account-manage,.account-logout{height:31px;padding:0 7px;font-size:11px;gap:4px}.account .svg-icon{width:12px;height:12px}footer{margin-left:auto;margin-right:auto}.back-to-top{right:16px;bottom:20px}.captcha-row{grid-template-columns:minmax(0,1fr) 130px;gap:10px}.captcha{width:130px;height:43px;object-fit:fill}}
.layui-edge.svg-control{border:0;width:16px;height:16px;margin-top:-8px;font-size:0}.svg-control::before{content:none!important}.layui-form-checkbox i.svg-control{font-size:0;display:flex;align-items:center;justify-content:center}.layui-form-checkbox .svg-icon{width:15px;height:15px}.layui-layer-setwin .layui-layer-close{background:center/16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8fa5' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m6 6 12 12M6 18 18 6'/%3E%3C/svg%3E")}
.layui-layer-setwin .layui-layer-close:hover{background-position:center;opacity:.75}
.brand{font-size:23px;letter-spacing:2px;gap:10px}.brand-wordmark{display:flex;flex-direction:column;line-height:1.35}.brand-wordmark strong{font-size:23px;font-weight:700;letter-spacing:2px}.brand-wordmark small{font-size:8px;letter-spacing:2.1px;color:#000;font-weight:400;margin-top:3px}.management-shell{display:grid;grid-template-columns:184px minmax(0,1fr);column-gap:25px;row-gap:24px;align-items:start}.management-heading{grid-column:2;grid-row:1;margin-bottom:0}.manage-nav{grid-column:1;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:12px;margin:0;overflow:visible;position:sticky;top:calc(var(--header-height) + 24px)}.manage-nav a{padding:11px 16px;border-radius:8px;font-size:13px;white-space:normal}.management-content{grid-column:2;grid-row:2;min-width:0}.management-shell .dashboard-stats{gap:12px}.management-shell .table-wrap{max-width:100%}
@media(max-width:1050px){.brand-wordmark strong{font-size:19px}.brand-wordmark small{font-size:7px;letter-spacing:1.6px}.management-shell{grid-template-columns:160px minmax(0,1fr);column-gap:18px}.management-shell .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.brand{gap:7px}.brand-wordmark strong{font-size:17px;letter-spacing:1px}.brand-wordmark small{font-size:6px;letter-spacing:1px;margin-top:2px}.management-shell{grid-template-columns:112px minmax(0,1fr);column-gap:12px;row-gap:18px}.manage-nav{display:flex;margin:0;padding:7px;gap:4px;top:calc(var(--header-height) + 16px)}.manage-nav a{font-size:12px;padding:9px 8px}.management-heading{display:block}.management-heading h1{font-size:21px}.management-heading .back-link{display:inline-block;margin-top:9px}.management-shell .management-content{overflow-x:auto}.management-shell .dashboard-stats,.management-shell .personal-stats{grid-template-columns:minmax(0,1fr)}.management-shell .settings-form,.management-shell .edit-form{padding:16px 12px}.management-shell .layui-card-body{padding:14px}.management-shell .layui-btn{margin-left:0}.management-shell .eyebrow{font-size:8px;letter-spacing:1px}}
.layui-input:focus,.layui-textarea:focus{border-color:#409eff!important;box-shadow:0 0 0 3px #0000001f}.layui-input-wrap .layui-input:focus+.layui-input-split{border-color:#409eff}.layui-laypage input:focus,.layui-laypage select:focus{border-color:#409eff!important}.layui-form-select dl dd.layui-this{background:#f3f3f3;color:#000}.layui-form-checked[lay-skin=primary]>i{border-color:#409eff!important;background-color:#409eff!important}.layui-form-checkbox[lay-skin=primary]:hover>i{border-color:#409eff!important}.layui-btn:focus-visible{outline-color:#409eff}.post-card{position:relative}.post-entry::after{content:"";position:absolute;inset:0;z-index:1;cursor:pointer;border-radius:14px}.post-meta>a,.post-bottom .tag,.post-bottom .read-more{position:relative;z-index:2}.post-entry:focus-visible{outline:0}.post-card:has(.post-entry:focus-visible){outline:2px solid #409eff;outline-offset:3px}.read-more .svg-icon,.back-link .svg-icon{width:12px;height:12px}.management-heading h1{margin-top:0}
.article-heading{text-align:center;margin-bottom:28px;padding:5px 0 25px;border-bottom:1px solid var(--line)}.article-heading h1{margin:5px 0 17px;overflow-wrap:anywhere}.article-metadata{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#000}.metadata-divider{color:#000;font-size:11px}.article-admin-actions{justify-content:center}.comments-heading{padding-bottom:20px;border-bottom:1px solid var(--line)}.comments-heading h2{font-size:19px;font-weight:600;display:flex;align-items:center;gap:10px}.comments-heading h2 span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:23px;padding:0 7px;border-radius:7px;background:#f4f4f4;color:#000;font-size:11px;font-weight:500}.comments-heading>p{font-size:12px;color:#000;margin-top:7px}.comment-thread{padding:23px 0;border-bottom:1px solid var(--line)}.comment-thread>.comment{padding:0;border:0}.comment-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.comment-header strong{font-size:13px;font-weight:600;color:#000}.comment-header time{font-size:11px;color:#000;margin:0;white-space:nowrap}.comment-avatar{width:40px;height:40px;flex-basis:40px;border:1px solid #ededed;background:#f3f3f3;color:#000;line-height:38px;font-size:16px;font-weight:600;border-radius:12px;text-transform:uppercase}.comment-main .comment-body{font-size:13px;line-height:1.95;color:#000;margin:8px 0 0;overflow-wrap:anywhere}.comment-footer{display:flex;margin-top:10px}.comment-footer .reply{display:inline-flex;gap:5px;align-items:center;font-size:11px;margin:0;padding:2px 0;color:#000}.comment-footer .svg-icon{width:13px;height:13px}.comment-replies{margin:18px 0 0 53px;padding:0 15px;background:#fafafa;border:1px solid #f0f0f0;border-radius:10px}.comment-replies .comment{padding:16px 0;border-bottom:1px solid #f0f0f0}.comment-replies .comment:last-child{border-bottom:0}.comment-replies .comment-avatar{width:32px;height:32px;flex-basis:32px;border-radius:9px;font-size:13px;line-height:30px}.reply-context{font-size:11px;color:#000;margin-top:6px}.reply-context span{color:#000}.comments-empty{padding:30px 12px;text-align:center;color:#000}.comments-empty>.svg-icon{width:28px;height:28px;color:#000}.comments-empty p{font-size:12px;margin-top:8px}
@media(max-width:760px){.article-metadata{gap:8px;font-size:11px}.article-heading{padding-bottom:20px;margin-bottom:22px}.comment-header{align-items:flex-start;gap:5px;flex-wrap:wrap}.comment-header time{display:inline-block}.comment-replies{margin-left:18px;padding:0 12px}.comment-avatar{width:35px;height:35px;flex-basis:35px;line-height:33px}.comment{gap:10px}}
.mobile-menu-toggle,.mobile-menu,.mobile-menu-backdrop{display:none}
@media(max-width:760px){:root{--header-height:70px}.nav-inner{display:grid;grid-template-columns:auto minmax(0,1fr) 36px;grid-template-rows:1fr;gap:12px;align-items:center;align-content:normal}.nav-inner>.brand{grid-column:1;grid-row:1}.nav-inner>.nav-search{grid-column:2;grid-row:1;min-width:0;height:35px}.nav-inner>.primary-nav,.nav-inner>.account{display:none}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;grid-column:3;grid-row:1;width:36px;height:35px;border:1px solid #e4e4e4;border-radius:9px;background:#f6f6f6;color:#000}.mobile-menu-toggle .svg-icon{width:21px;height:21px}.mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:1190;border:0;background:#00000051;padding:0}.mobile-menu-backdrop[hidden]{display:none}.mobile-menu{display:flex;flex-direction:column;position:fixed;inset:0 0 0 auto;z-index:1200;width:min(84vw,340px);height:100dvh;background:#fcfcfc;border-left:1px solid #eaeaea;transform:translateX(100%);visibility:hidden;transition:transform .22s ease,visibility .22s;box-shadow:-6px 0 20px #00000012}.menu-open{overflow:hidden}.menu-open .mobile-menu{transform:translateX(0);visibility:visible}.drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:19px 20px;border-bottom:1px solid #eeeeee;flex-shrink:0}.drawer-heading h2{font-size:17px;font-weight:600;color:#000}.drawer-heading button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:#f2f2f2;border:1px solid #e6e6e6;border-radius:8px;color:#000}.drawer-heading .svg-icon{width:17px;height:17px}.drawer-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px}.drawer-nav{display:flex;flex-direction:column;gap:5px}.drawer-nav a{display:block;padding:11px 14px;border-radius:9px;font-size:13px;color:#000}.drawer-nav a.is-active{background:#eeeeee;color:#000;font-weight:600}.drawer-profile{margin-top:22px}.drawer-profile .profile{display:block;margin:0;width:100%}.drawer-account{display:flex;flex-direction:column;gap:9px;padding:16px 20px max(18px,env(safe-area-inset-bottom));border-top:1px solid #eaeaea;background:#fcfcfc;flex-shrink:0}.drawer-account .account-name{display:block;max-width:none;padding-bottom:2px;font-size:12px;color:#000}.drawer-account>a,.drawer-account form,.drawer-account form>button{width:100%}.drawer-account>a,.drawer-account form>button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:8px 14px;border-radius:8px;font-size:13px;border:1px solid #e4e4e4;background:#f2f2f2;color:#000}.drawer-account>a.auth-register{background:#a2a2a2;border-color:#a2a2a2;color:white}.drawer-account form>button{background:white;color:#000}.drawer-account .svg-icon{width:15px;height:15px}.content-grid>aside{display:flex;flex-direction:column;gap:16px;margin-top:24px;width:100%}.content-grid>aside>.profile{display:none}.content-grid>aside>.side-block,.content-grid>aside>.side-note{width:100%;margin:0;grid-column:auto}.content-grid>aside>.side-block{padding:22px}.content-grid>aside>.side-note{padding:8px}.menu-open .back-to-top{visibility:hidden}}
:root{--accent:#409eff;--ink:#000;--muted:#000;--line:#ebebeb}body{background:#f6f6f6}.topbar{background:#fdfdfd}.layui-btn,.account>a.auth-register,.drawer-account>a.auth-register{background:#409eff;border-color:#409eff;color:white}.layui-btn-primary{background:white;color:#000;border-color:#e0e0e0}.layui-btn-danger{background:#e87585;border-color:#e87585}.primary-nav a.is-active,.manage-nav a.is-active,.drawer-nav a.is-active,.account>a.account-manage.is-active{background:#eeeeee;color:#409eff}.account>a.auth-register:hover,.account>a.auth-register.is-active,.drawer-account>a.auth-register:hover{background:#409eff;border-color:#409eff}.account>a.auth-login,.account>a.account-manage,.mobile-menu-toggle{background:#f2f2f2;border-color:#e0e0e0;color:#409eff}.sun{background:#efefef;color:#409eff}.avatar{color:#409eff}.nav-search:focus-within{background:#fff;box-shadow:0 0 0 3px #00000014}.nav-search:focus-within button{color:#409eff}.layui-input:focus,.layui-textarea:focus{border-color:#409eff!important;box-shadow:0 0 0 3px #00000014}.layui-input-wrap .layui-input:focus+.layui-input-split{border-color:#409eff}.layui-form-checked[lay-skin=primary]>i{border-color:#409eff!important;background-color:#409eff!important}.layui-form-checkbox[lay-skin=primary]:hover>i{border-color:#409eff!important}.layui-form-select dl dd.layui-this{background:#f0f0f0;color:#409eff}.pagination .active{background:#409eff}.back-to-top{color:#409eff;background:#f4f4f4;border-color:#e3e3e3}.back-to-top:hover{background:#ececec}.notice{position:fixed;left:50%;top:22px;transform:translateX(-50%);z-index:2200;width:max-content;max-width:calc(100vw - 32px);display:flex;align-items:center;gap:16px;padding:13px 17px;background:#f3f3f3;border:1px solid #dcdcdc;color:#000;box-shadow:0 6px 24px #00000014;border-radius:10px;margin:0;font-size:13px}.notice.error{background:#fff2f3;border-color:#f0d4d8;color:#ba5968}.notice-stack{position:fixed;top:max(20px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:2200;display:flex;flex-direction:column;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}.notice-stack .notice{position:static;transform:none;width:100%;max-width:100%;pointer-events:auto}.notice-dismiss{display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:inherit;width:22px;height:22px;padding:2px;flex-shrink:0}.layui-layer-msg{border:1px solid #e0e0e0!important;background:#f8f8f8!important;color:#000!important;border-radius:9px!important;box-shadow:0 5px 20px #00000012!important}.layui-layer-msg .layui-layer-content{color:inherit!important}.layui-layer-dialog .layui-layer-btn0{background:#409eff;border-color:#409eff}.comment-avatar{background:#f2f2f2;border-color:#e4e4e4;color:#409eff}.comment-footer .reply{color:#409eff}
.primary-nav a,.manage-nav a,.drawer-nav a{font-weight:400}.primary-nav a:hover,.primary-nav a.is-active,.manage-nav a:hover,.manage-nav a.is-active,.drawer-nav a:hover,.drawer-nav a.is-active{background:#eeeeee;color:#409eff;font-weight:400;box-shadow:none}
.nav-search{position:relative}.nav-search input{color:#3c3c3c}.nav-search input::placeholder{color:#aeaeae}.search-suggestions{position:absolute;top:calc(100% + 12px);left:0;right:auto;width:350px;max-width:calc(100vw - 32px);padding:13px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 9px 28px #00000012;z-index:1050}.search-suggestions[hidden]{display:none}.search-suggestions-heading{display:flex;justify-content:space-between;gap:12px;padding:4px 7px 12px;color:#333;font-size:13px;border-bottom:1px solid #efefef}.search-suggestions-heading span{font-size:10px;color:#888}.search-suggestions ul{list-style:none;margin:7px 0 0;padding:0}.search-suggestions li a{display:flex;align-items:center;gap:11px;padding:10px 8px;border-radius:8px;color:#333}.search-suggestions li a:hover,.search-suggestions li a:focus-visible{background:#f2f2f2;color:#333;outline:none}.suggestion-rank{width:19px;flex-shrink:0;font-size:12px;text-align:center;color:#409eff}.suggestion-content{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.suggestion-content strong{font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-content small{font-size:10px;color:#888}.search-suggestions .svg-icon{width:12px;height:12px;color:#888}.suggestions-empty{padding:22px 8px;text-align:center;font-size:12px;color:#888}
@media(max-width:760px){.search-suggestions{position:absolute;top:calc(100% + 12px);left:0;right:auto;width:350px;max-width:calc(100vw - 170px);max-height:calc(100dvh - var(--header-height) - 24px);overflow-y:auto}}
.management-shell>.manage-nav{grid-row:1}.management-shell>.management-content{grid-row:1}.management-content>.admin-toolbar:first-child{margin-top:0}.management-content>.layui-table:first-child,.management-content>.table-wrap:first-child{margin-top:0}
.account-logout:hover,.drawer-account form>.account-logout:hover{background:#fff0f5;border-color:#efc8d8;color:#bd7895}.management-shell .layui-btn,.management-shell .layui-btn-sm,.management-shell .layui-btn-xs,.layui-layer-btn a{border-radius:3px}.management-shell .layui-form-item{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:12px;align-items:start}.management-shell .layui-form-label{float:none;box-sizing:border-box;width:96px;flex-shrink:0;white-space:nowrap;word-break:keep-all;text-align:right;padding:9px 0;line-height:20px}.management-shell .layui-input-block{margin-left:0;min-width:0}.management-shell .layui-input-inline{float:none;min-width:0;max-width:100%;margin-right:0}.management-shell .admin-toolbar.layui-form-item{display:flex;gap:12px}.management-shell .admin-toolbar.layui-form-item .layui-input-inline{width:180px}.management-shell .settings-form>.layui-input-block{padding-left:108px}.category-create-form{display:grid;grid-template-columns:auto minmax(140px,1fr) auto 90px auto;gap:12px;align-items:center}.category-create-form label{white-space:nowrap;flex-shrink:0;color:#333;font-size:13px}.category-table th:first-child{width:65px}.category-table th:nth-child(3){width:115px}.category-table th:last-child{width:160px}.category-table .category-sort{width:85px}.row-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.row-actions form{margin:0}.row-actions .layui-btn{margin:0}.table-empty{text-align:center;color:#888;padding:30px!important}
@media(max-width:760px){.management-shell .layui-form-item{grid-template-columns:78px minmax(0,1fr);gap:9px}.management-shell .layui-form-label{width:78px;font-size:12px;text-align:left}.management-shell .settings-form>.layui-input-block{padding-left:87px}.category-create-form{grid-template-columns:65px minmax(0,1fr)}.category-create-form button{grid-column:2;justify-self:start}.management-shell .admin-toolbar.layui-form-item .layui-input-inline{width:120px}}
@media(max-width:480px){.management-shell .settings-form>.layui-input-block{padding-left:0}.management-shell .layui-form-item{grid-template-columns:72px minmax(0,1fr)}.management-shell .layui-form-label{width:72px}.management-shell .layui-form-item .layui-input-block{min-width:75px}.management-shell .admin-toolbar.layui-form-item{display:grid}.management-shell .admin-toolbar.layui-form-item .layui-input-inline{width:100%}}
.management-shell .settings-form{width:100%;max-width:none}.management-shell .layui-table thead th{background:#fafafa;color:#333;border-color:#e8e8e8;font-weight:400;height:43px}.management-shell .layui-table tbody td{background:#fff;border-color:#e8e8e8;vertical-align:middle}.management-shell .layui-table tbody tr:hover td{background:#fafafa}.management-shell .layui-card,.management-shell .settings-form,.management-shell .edit-form,.management-shell .manage-nav{background:#fff;border-color:#e8e8e8}.management-shell .layui-card-header{background:#fafafa;color:#333;border-bottom-color:#e8e8e8}.management-shell .layui-input,.management-shell .layui-textarea{background:#fff;border-color:#ddd;color:#333}.management-shell .layui-input[readonly]{background:#f7f7f7;color:#777}.management-tabs{display:flex;gap:24px;align-items:center;border-bottom:1px solid #e5e5e5;margin:0 0 20px}.management-tabs>a{font-size:13px;color:#666;padding:0 3px 11px;border-bottom:2px solid transparent}.management-tabs>a.is-active,.management-tabs>a:hover{color:#409eff;border-bottom-color:#409eff}.comments-management-table{min-width:860px!important}.comments-management-table th:first-child{width:55px}.comments-management-table th:nth-child(3){width:30%}.management-comment-content{min-width:150px;max-width:320px;white-space:normal;overflow-wrap:anywhere;line-height:1.85}.management-comment-content p{margin:0;color:#333;font-size:12px}.comment-parent-label{display:block;color:#888;font-size:11px;margin-bottom:5px}.cell-date{white-space:nowrap;font-size:11px!important;color:#777}.status-label{display:inline-block;white-space:nowrap;border-radius:3px;font-size:11px;padding:1px 7px;border:1px solid #e6e6e6;background:#f7f7f7;color:#777}.status-label.status-success{color:#409eff;border-color:#e2e2e2;background:#f7f7f7}.status-label.status-pending{color:#a17a2d;border-color:#ede3ca;background:#fcfaf4}.status-label.status-disabled{color:#b36775;border-color:#efdae0;background:#fcf5f7}.management-modal-form{padding:24px;display:flex;flex-direction:column;gap:17px;background:#fff}.management-modal-form label{display:flex;flex-direction:column;gap:7px;color:#555;font-size:13px}.management-modal-form select{height:38px;border:1px solid #ddd;border-radius:4px;padding:0 10px;background:#fff;color:#333}.management-modal-form .layui-input,.management-modal-form .layui-textarea{border-radius:4px}.management-modal-form label[hidden]{display:none}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:5px}.modal-actions .layui-btn{margin:0;border-radius:3px}.modal-context{font-size:13px;color:#777;padding-bottom:10px;border-bottom:1px solid #eee}.modal-context strong{font-weight:500;color:#333}.notice{animation:status-fade-in .2s ease both}.notice.is-leaving{animation:status-fade-out .2s ease both}@keyframes status-fade-in{from{opacity:0}to{opacity:1}}@keyframes status-fade-out{from{opacity:1}to{opacity:0}}
.management-shell .table-wrap{border:1px solid #e8e8e8;border-radius:14px;background:#fff;box-shadow:0 3px 14px #43517704;overflow-x:auto}.management-shell .table-wrap>.layui-table{border:0;border-radius:0;overflow:visible;margin:0}.management-shell .table-wrap>.layui-table th,.management-shell .table-wrap>.layui-table td{border-width:0 0 1px;border-style:solid;border-color:#ededed}.management-shell .table-wrap>.layui-table tbody tr:last-child>td{border-bottom:0}.management-tabs{position:relative;display:inline-grid;grid-template-columns:100px 100px;gap:0;align-items:center;padding:4px;margin:0 0 20px;border:1px solid #e8e8e8;border-radius:9px;background:#f3f3f3;isolation:isolate}.management-tabs .tabs-indicator{position:absolute;left:4px;top:4px;bottom:4px;width:100px;background:#fff;border:1px solid #e7e7e7;border-radius:6px;box-shadow:0 1px 3px #00000006;z-index:-1;transition:transform .18s ease}.management-tabs[data-selected="1"] .tabs-indicator{transform:translateX(100%)}.management-tabs>a{display:flex;align-items:center;justify-content:center;height:33px;margin:0;padding:0 12px;border:0!important;border-radius:6px;background:transparent!important;font-size:13px;color:#888;transition:color .18s}.management-tabs>a.is-active,.management-tabs>a:hover{color:#333;border:0}.management-tabs+a,.management-tabs+.table-wrap{clear:both}
.standard-pagination{margin:20px 0 10px;max-width:100%}.standard-pagination .layui-laypage{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0}.standard-pagination .layui-laypage>a,.standard-pagination .layui-laypage>span{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:32px!important;line-height:30px!important;margin:0;padding:0 10px;border-radius:3px;font-size:12px;vertical-align:middle;min-width:32px}.standard-pagination .layui-laypage .layui-laypage-curr{position:relative;padding:0 10px}.standard-pagination .layui-laypage .layui-laypage-curr .layui-laypage-em{box-sizing:border-box;inset:0!important;width:100%!important;height:100%!important;border-radius:3px}.standard-pagination .layui-laypage .layui-laypage-limits{padding:0;border:0;background:none;margin-left:2px}.standard-pagination .layui-laypage select{box-sizing:border-box;display:block;margin:0;padding:0 8px;height:32px!important;line-height:30px!important;border:1px solid #ddd;border-radius:3px;font-size:12px;color:#333;background:#fff}.standard-pagination .layui-laypage a:hover{color:#409eff}.management-shell .open-user-edit{background:#fff;border:1px solid #ddd;color:#333}.management-shell .open-user-edit:hover,.management-shell .open-user-edit:focus-visible{background:#f7f7f7;border-color:#bbb;color:#333}.notice{gap:0;text-align:center;justify-content:center;padding:12px 20px}.notice-dismiss{display:none}
:root{--footer-height:56px}body{min-height:100dvh;padding-bottom:calc(var(--footer-height) + 24px)}footer{position:fixed;left:0;right:0;bottom:0;z-index:900;width:100%;max-width:none;height:calc(var(--footer-height) + env(safe-area-inset-bottom));margin:0;padding:0 max(var(--layout-gutter),calc((100vw - var(--layout-width)) / 2 + var(--layout-gutter))) env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e8e8e8;background:#fff;color:#777}footer span{float:none}.back-to-top{bottom:calc(var(--footer-height) + 18px + env(safe-area-inset-bottom))}.layui-btn-primary:hover,.layui-btn-primary:focus,.layui-btn-primary:active,.management-shell .layui-btn-primary:hover,.management-shell .layui-btn-primary:focus,.management-shell .layui-btn-primary:active{border-color:#c6c6c6;background:#f7f7f7;color:#333;box-shadow:none}button:focus-visible,a:focus-visible,.layui-btn:focus-visible{outline:2px solid #b5b5b5;outline-offset:2px;box-shadow:none}.account-logout:focus-visible,.account>a.auth-login:focus-visible,.mobile-menu-toggle:focus-visible,.drawer-heading button:focus-visible{border-color:#bbb}.standard-pagination .layui-laypage select:focus{border-color:#bbb!important;outline:1px solid #bbb}.layui-layer-btn .layui-layer-btn1:hover,.layui-layer-btn .layui-layer-btn1:focus{border-color:#c6c6c6;background:#f7f7f7;color:#333}
@media(max-width:760px){:root{--footer-height:48px}body{padding-bottom:calc(var(--footer-height) + 24px + env(safe-area-inset-bottom))}footer{margin:0;font-size:9px}.back-to-top{bottom:calc(var(--footer-height) + 16px + env(safe-area-inset-bottom))}}
.management-shell .dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;margin-bottom:20px;padding:22px 0;border:1px solid #e8e8e8;border-radius:14px;background:#fff;overflow:hidden}.management-shell .dashboard-stats>.layui-card{border:0;border-right:1px solid #eee;border-radius:0;box-shadow:none;margin:0;background:transparent;min-width:0}.management-shell .dashboard-stats>.layui-card:last-child{border-right:0}.management-shell .dashboard-stats .layui-card-header{height:auto;min-height:0;border:0;background:none;text-align:center;font-size:13px;line-height:22px;padding:0 8px;color:#555;font-weight:400;white-space:nowrap}.management-shell .dashboard-stats .layui-card-body{padding:8px 8px 0;text-align:center;line-height:1.3}.management-shell .dashboard-stats b{font-size:28px;font-weight:500;line-height:1.3}
@media(max-width:760px){.management-shell .dashboard-stats{min-width:360px;padding:18px 0}.management-shell .dashboard-stats .layui-card-header{font-size:11px}.management-shell .dashboard-stats b{font-size:24px}}
html{min-height:100%}body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;padding-bottom:0}body>main{flex:1 0 auto;width:100%}footer{position:static;inset:auto;flex:0 0 auto;margin-top:30px;min-height:calc(var(--footer-height) + env(safe-area-inset-bottom));height:auto;padding-top:15px;padding-bottom:calc(15px + env(safe-area-inset-bottom))}.back-to-top{bottom:24px}
@media(max-width:760px){body{padding-bottom:0}footer{margin-top:24px}.back-to-top{bottom:20px}}
:root{--accent:#409eff;--ink:#333;--muted:#888;--line:#e8e8e8}body{background:#fff;background-image:none}.topbar{background:#409eff;background-image:none;border-bottom:0;box-shadow:none}.topbar .brand,.topbar .brand:hover,.topbar .brand-wordmark strong,.topbar .brand-wordmark small,.topbar .account-name{color:#fff}.topbar .sun{background:#fff;color:#409eff}.topbar .primary-nav a{color:#fff;background:transparent;font-weight:400}.topbar .primary-nav a:hover,.topbar .primary-nav a.is-active{background:#fff;color:#409eff;box-shadow:none}.topbar .nav-search{background:#fff;border-color:#fff;box-shadow:none}.topbar .nav-search:focus-within{background:#fff;border-color:#ddd;box-shadow:none}.topbar .nav-search input{color:#333}.topbar .nav-search input::placeholder{color:#999}.topbar .nav-search button,.topbar .nav-search:focus-within button{color:#409eff}.topbar .account>a.auth-login,.topbar .account>a.auth-register,.topbar .account>a.account-manage,.topbar .account-logout,.topbar .mobile-menu-toggle{background:#fff;color:#409eff;border-color:#fff}.topbar .account>a:hover,.topbar .account>a.is-active{background:#fff;color:#409eff;border-color:#ddd}.topbar .account-logout:hover{background:#fff0f5;border-color:#efc8d8;color:#bd7895}.topbar .mobile-menu-toggle:hover{background:#fff;border-color:#ddd}.profile-art,.avatar,.post-cover.warm,.post-cover.blue,.post-cover.green,.art-circle,.art-window{background:#fff;background-image:none}.profile-art{border-bottom:1px solid #eee}.profile-art>span{color:#409eff}.avatar{color:#409eff;border-color:#eee}.glass,.layui-card,.mobile-menu,.drawer-account{background:#fff}.layui-btn:not(.layui-btn-primary):not(.layui-btn-danger),.layui-layer-dialog .layui-layer-btn0{background:#409eff;border-color:#409eff}.layui-btn-primary{background:#fff;color:#333;border-color:#ddd}.layui-btn-danger{background:#e87585;border-color:#e87585}.manage-nav a:hover,.manage-nav a.is-active,.drawer-nav a:hover,.drawer-nav a.is-active{background:#409eff;color:#fff;font-weight:400}.drawer-account>a,.drawer-account form>button{background:#fff;color:#333;border-color:#ddd}.drawer-account>a.auth-register,.drawer-account>a.account-manage{background:#409eff;color:#fff;border-color:#409eff}.layui-input:focus,.layui-textarea:focus{border-color:#409eff!important;box-shadow:none}.layui-form-checked[lay-skin=primary]>i{background:#409eff!important;border-color:#409eff!important}.layui-form-select dl dd.layui-this,.layui-form-select dl dd:hover,.management-shell .layui-form-select dl dd.layui-this{background:#409eff;color:#fff}.status-label.status-success{background:#fff;border-color:#ddd;color:#409eff}.notice{background:#fff;border-color:#ddd;color:#333}.layui-layer-msg{background:#fff!important;border-color:#ddd!important;color:#333!important}.back-to-top{background:#fff;border-color:#ddd;color:#409eff}.back-to-top:hover{background:#409eff;border-color:#409eff;color:#fff}.search-suggestions li a:hover,.search-suggestions li a:focus-visible{background:#f5f5f5}.suggestion-rank{color:#409eff}.comment-avatar,.comment-replies,.article-summary,.article-content blockquote{background:#fafafa;border-color:#e8e8e8}.comment-avatar,.comment-footer .reply{color:#409eff}.management-tabs>a.is-active,.management-tabs>a:hover{color:#409eff}.standard-pagination .layui-laypage a:hover{color:#409eff}
.layui-bg-green{background-color:#409eff!important;color:#fff!important}.layui-border-green{border-color:#409eff!important;color:#409eff!important}.layui-font-green{color:#409eff!important}.layui-form-checked>div,.layui-form-checked:hover>div,.layui-form-onswitch{background-color:#409eff;border-color:#409eff}.layui-form-checked>i,.layui-form-checked:hover>i{color:#409eff}.layui-form-checked[lay-skin=primary]>i{color:#fff}.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#409eff}.layui-input-wrap .layui-input:focus+.layui-input-split{border-color:#409eff}
.topbar{background:#fff;border-bottom:1px solid #eee}.topbar .brand,.topbar .brand:hover,.topbar .brand-wordmark strong{color:#333}.topbar .brand-wordmark small,.topbar .account-name{color:#888}.topbar .sun{background:#f2f6fc;color:#409eff}.topbar .primary-nav a{color:#333}.topbar .primary-nav a:hover,.topbar .primary-nav a.is-active{background:#409eff;color:#fff}.topbar .nav-search{background:#f7f7f7;border-color:#e5e5e5}.topbar .nav-search:focus-within{background:#fff;border-color:#409eff}.topbar .account>a.auth-login,.topbar .account>a.account-manage,.topbar .account-logout,.topbar .mobile-menu-toggle{background:#fff;color:#333;border-color:#ddd}.topbar .account>a.auth-register{background:#409eff;color:#fff;border-color:#409eff}.topbar .account>a:hover,.topbar .account>a.is-active{background:#409eff;color:#fff;border-color:#409eff}.topbar .account-logout:hover{background:#fff0f5;border-color:#efc8d8;color:#bd7895}.topbar .mobile-menu-toggle:hover{background:#f5f5f5;border-color:#ccc}.post-cover.warm{background:linear-gradient(125deg,#e9dbc9,#f4e9db 55%,#dfe5df)}.post-cover.blue{background:linear-gradient(125deg,#bdccdf,#d8e2ee 55%,#d3d9ec)}.post-cover.green{background:linear-gradient(125deg,#d3dce7,#e5e9f1 55%,#d8d7e8)}.art-circle{background:linear-gradient(140deg,#fff9,#fff0)}.art-window{background:linear-gradient(160deg,#fff6,#cba37922);border-color:#fff4}.green .art-window{background:#8895ae33}.profile-art{background:linear-gradient(120deg,#dce7f7,#e4e8f6,#ecf1f8);border-bottom:0}.profile-art>span{color:#ffffff99}.profile .avatar{background:linear-gradient(140deg,#dce7f5,#eef2fa);border-color:#fff;color:#7f9bbb}.theme-toggle{position:fixed;right:24px;bottom:24px;z-index:950;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid #ddd;background:#fff;color:#409eff;cursor:pointer}.theme-toggle .svg-icon{width:20px;height:20px}.theme-toggle span{display:flex}.theme-toggle .theme-sun{display:none}.theme-toggle:hover{background:#f5f5f5}.back-to-top{bottom:78px}.menu-open .theme-toggle{visibility:hidden}html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark;--ink:#e1e1e1;--muted:#999;--line:#333}html[data-theme="dark"] .theme-moon{display:none}html[data-theme="dark"] .theme-sun{display:flex}html[data-theme="dark"] body{background:#141414;color:#ddd}html[data-theme="dark"] .topbar,html[data-theme="dark"] footer{background:#1b1b1b;border-color:#333;color:#aaa}html[data-theme="dark"] .topbar .brand,html[data-theme="dark"] .topbar .brand-wordmark strong,html[data-theme="dark"] .topbar .primary-nav a{color:#ddd}html[data-theme="dark"] .topbar .brand-wordmark small,html[data-theme="dark"] .topbar .account-name{color:#999}html[data-theme="dark"] .topbar .sun{background:#252a33;color:#409eff}html[data-theme="dark"] .topbar .primary-nav a:hover,html[data-theme="dark"] .topbar .primary-nav a.is-active{background:#409eff;color:#fff}html[data-theme="dark"] .glass,html[data-theme="dark"] .layui-card,html[data-theme="dark"] .mobile-menu,html[data-theme="dark"] .drawer-account,html[data-theme="dark"] .management-shell .manage-nav,html[data-theme="dark"] .management-shell .settings-form,html[data-theme="dark"] .management-shell .edit-form,html[data-theme="dark"] .management-shell .table-wrap,html[data-theme="dark"] .management-shell .dashboard-stats{background:#1e1e1e;border-color:#333;box-shadow:none}html[data-theme="dark"] .topbar .nav-search,html[data-theme="dark"] .topbar .nav-search:focus-within,html[data-theme="dark"] .search-suggestions{background:#242424;border-color:#3c3c3c}html[data-theme="dark"] input,html[data-theme="dark"] textarea,html[data-theme="dark"] select,html[data-theme="dark"] .management-shell .layui-input,html[data-theme="dark"] .management-shell .layui-textarea,html[data-theme="dark"] .management-modal-form select,html[data-theme="dark"] .topbar .nav-search input{background:#252525;color:#ddd;border-color:#444}html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#888}html[data-theme="dark"] .search-suggestions li a,html[data-theme="dark"] .search-suggestions-heading,html[data-theme="dark"] .primary-nav a,html[data-theme="dark"] .manage-nav a,html[data-theme="dark"] .drawer-nav a,html[data-theme="dark"] .profile p,html[data-theme="dark"] .side-block p,html[data-theme="dark"] .side-block h3,html[data-theme="dark"] .category-row,html[data-theme="dark"] .popular,html[data-theme="dark"] .post-body>p,html[data-theme="dark"] .tag,html[data-theme="dark"] .post-meta a,html[data-theme="dark"] .side-note,html[data-theme="dark"] .comment-header strong,html[data-theme="dark"] .comment-main .comment-body,html[data-theme="dark"] .management-comment-content p,html[data-theme="dark"] .layui-form-label,html[data-theme="dark"] .auth-card label,html[data-theme="dark"] .category-create-form label{color:#bbb}html[data-theme="dark"] .profile h2,html[data-theme="dark"] .post-body h2,html[data-theme="dark"] .section-heading h2,html[data-theme="dark"] .article-panel h1,html[data-theme="dark"] .stats b,html[data-theme="dark"] .dashboard-stats b,html[data-theme="dark"] .personal-stats b,html[data-theme="dark"] .comments-heading h2{color:#e1e1e1}html[data-theme="dark"] .category-row,html[data-theme="dark"] .post-bottom,html[data-theme="dark"] .article-tags,html[data-theme="dark"] .article-heading,html[data-theme="dark"] .comment-thread,html[data-theme="dark"] .comments-heading,html[data-theme="dark"] .stats div,html[data-theme="dark"] .drawer-heading,html[data-theme="dark"] .drawer-account{border-color:#333}html[data-theme="dark"] .search-suggestions li a:hover,html[data-theme="dark"] .search-suggestions li a:focus-visible,html[data-theme="dark"] .article-summary,html[data-theme="dark"] .comment-replies,html[data-theme="dark"] .comment-avatar,html[data-theme="dark"] .personal-reply,html[data-theme="dark"] .login-prompt,html[data-theme="dark"] .comments-heading h2 span{background:#262626;border-color:#383838;color:#bbb}html[data-theme="dark"] .article-content{color:#ccc}html[data-theme="dark"] .article-content h1,html[data-theme="dark"] .article-content h2,html[data-theme="dark"] .article-content h3,html[data-theme="dark"] .article-content h4{color:#ddd}html[data-theme="dark"] .article-content blockquote,html[data-theme="dark"] .article-content pre,html[data-theme="dark"] .article-content code,html[data-theme="dark"] .article-content th{background:#282828;border-color:#444;color:#bbb}html[data-theme="dark"] .article-content td,html[data-theme="dark"] .article-content th{border-color:#444}html[data-theme="dark"] .management-shell .table-wrap>.layui-table th,html[data-theme="dark"] .management-shell .layui-card-header{background:#252525;color:#ddd;border-color:#383838}html[data-theme="dark"] .management-shell .table-wrap>.layui-table td{background:#1e1e1e;color:#ccc;border-color:#333}html[data-theme="dark"] .management-shell .table-wrap>.layui-table tr:hover td{background:#262626}html[data-theme="dark"] .management-shell .dashboard-stats>.layui-card,html[data-theme="dark"] .management-shell .dashboard-stats .layui-card-header{background:transparent;color:#ccc;border-color:#333}html[data-theme="dark"] .management-tabs{background:#252525;border-color:#3a3a3a}html[data-theme="dark"] .management-tabs .tabs-indicator{background:#393939;border-color:#494949}html[data-theme="dark"] .management-tabs>a.is-active{color:#fff}html[data-theme="dark"] .layui-btn-primary,html[data-theme="dark"] .management-shell .open-user-edit,html[data-theme="dark"] .topbar .account>a.auth-login,html[data-theme="dark"] .topbar .account>a.account-manage,html[data-theme="dark"] .topbar .account-logout,html[data-theme="dark"] .topbar .mobile-menu-toggle,html[data-theme="dark"] .drawer-heading button,html[data-theme="dark"] .drawer-account form>button,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .back-to-top{background:#242424;color:#ccc;border-color:#444}html[data-theme="dark"] .layui-btn-primary:hover,html[data-theme="dark"] .management-shell .open-user-edit:hover{background:#333;border-color:#666;color:#fff}html[data-theme="dark"] .standard-pagination .layui-laypage>a,html[data-theme="dark"] .standard-pagination .layui-laypage>span,html[data-theme="dark"] .standard-pagination .layui-laypage select{background:#242424;border-color:#444;color:#ccc}html[data-theme="dark"] .standard-pagination .layui-laypage .layui-laypage-limits{background:transparent;border:0}html[data-theme="dark"] .layui-layer,html[data-theme="dark"] .layui-layer-title,html[data-theme="dark"] .management-modal-form,html[data-theme="dark"] .preview-shell{background:#242424;color:#ccc;border-color:#444}html[data-theme="dark"] .management-modal-form label{color:#ccc}html[data-theme="dark"] .notice{background:#262626;color:#ddd;border-color:#444}html[data-theme="dark"] .notice.error{color:#f2a6b6}html[data-theme="dark"] .layui-layer-msg{background:#262626!important;color:#ddd!important;border-color:#444!important}html[data-theme="dark"] .profile-art{background:linear-gradient(120deg,#27344a,#30374d,#263645)}html[data-theme="dark"] .profile .avatar{background:#2c3748;color:#acc4df;border-color:#1e1e1e}html[data-theme="dark"] .post-cover.warm{background:linear-gradient(125deg,#494039,#5b4e43,#3f4741)}html[data-theme="dark"] .post-cover.blue{background:linear-gradient(125deg,#28394c,#3a4b61,#3d3c58)}html[data-theme="dark"] .post-cover.green{background:linear-gradient(125deg,#303e50,#414854,#423e53)}
@media(max-width:760px){.theme-toggle{right:16px;bottom:20px}.back-to-top{bottom:74px}}
html[data-theme="dark"] .manage-nav a.is-active,html[data-theme="dark"] .manage-nav a:hover,html[data-theme="dark"] .drawer-nav a.is-active,html[data-theme="dark"] .drawer-nav a:hover{color:#fff;background:#409eff}
html:not([data-theme="dark"]) body{background:#f5f7fa}.topbar .primary-nav{align-self:stretch;align-items:stretch}.topbar .primary-nav a{display:flex;align-items:center;position:relative;padding:0 12px;border-radius:0;color:#333;background:transparent;box-shadow:none;font-weight:400}.topbar .primary-nav .nav-label{position:relative;display:inline-flex;align-items:center;height:100%}.topbar .primary-nav .nav-label::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px 2px 0 0;background:transparent}.topbar .primary-nav a.is-active,.topbar .primary-nav a:hover{background:transparent;color:#409eff;box-shadow:none}.topbar .primary-nav a.is-active .nav-label::after,.topbar .primary-nav a:hover .nav-label::after{background:#409eff}html[data-theme="dark"] .topbar .primary-nav a{background:transparent;color:#ccc}html[data-theme="dark"] .topbar .primary-nav a.is-active,html[data-theme="dark"] .topbar .primary-nav a:hover{background:transparent;color:#409eff}
html[data-theme="dark"] .post-meta,html[data-theme="dark"] .post-bottom>span,html[data-theme="dark"] .article-metadata,html[data-theme="dark"] .breadcrumb,html[data-theme="dark"] .breadcrumb a,html[data-theme="dark"] .read-more,html[data-theme="dark"] .back-link,html[data-theme="dark"] .reply,html[data-theme="dark"] .reply-context,html[data-theme="dark"] .reply-context span,html[data-theme="dark"] .comment-parent-label,html[data-theme="dark"] .comment time,html[data-theme="dark"] .comment-header time,html[data-theme="dark"] .comment-actions>span,html[data-theme="dark"] .comments-empty,html[data-theme="dark"] .comments-heading>p,html[data-theme="dark"] .stats div,html[data-theme="dark"] .count,html[data-theme="dark"] .section-heading div>span,html[data-theme="dark"] .popular span,html[data-theme="dark"] .category-row span,html[data-theme="dark"] .side-block h3>span,html[data-theme="dark"] .recent-row span,html[data-theme="dark"] .suggestion-content small,html[data-theme="dark"] .search-suggestions-heading span,html[data-theme="dark"] .search-suggestions .svg-icon,html[data-theme="dark"] .suggestions-empty,html[data-theme="dark"] .cell-date,html[data-theme="dark"] .table-empty,html[data-theme="dark"] .modal-context,html[data-theme="dark"] .eyebrow{color:#aaa}html[data-theme="dark"] .drawer-heading h2,html[data-theme="dark"] .modal-context strong{color:#e3e3e3}html[data-theme="dark"] .metadata-divider{color:#666}html[data-theme="dark"] .comment blockquote{background:#292929;color:#ccc;border-color:#444}html[data-theme="dark"] .comment-replies .comment{border-color:#383838}html[data-theme="dark"] .management-tabs>a{color:#aaa}html[data-theme="dark"] .management-tabs>a:hover,html[data-theme="dark"] .management-tabs>a.is-active{color:#fff}html[data-theme="dark"] .drawer-account>a{color:#ddd;background:#262626;border-color:#444}html[data-theme="dark"] .drawer-account>a.auth-register,html[data-theme="dark"] .drawer-account>a.account-manage{background:#409eff;border-color:#409eff;color:#fff}html[data-theme="dark"] .status-label{background:#292929;border-color:#444;color:#bbb}html[data-theme="dark"] .status-label.status-success{background:#252b32;border-color:#3c4f64;color:#79bbff}html[data-theme="dark"] .status-label.status-pending{background:#302d25;border-color:#504734;color:#d7b779}html[data-theme="dark"] .status-label.status-disabled{background:#30272a;border-color:#533b43;color:#e4a4b4}html[data-theme="dark"] .management-shell .layui-form-select dl,html[data-theme="dark"] .layui-form-select dl{background:#252525;border-color:#444;color:#ccc}html[data-theme="dark"] .layui-form-select dl dd{color:#ccc}html[data-theme="dark"] .management-shell .layui-form-select dl dd.layui-this,html[data-theme="dark"] .layui-form-select dl dd:hover{background:#409eff;color:#fff}html[data-theme="dark"] .management-shell .settings-form .layui-form-label,html[data-theme="dark"] .management-shell .edit-form .layui-form-label{color:#ccc}html[data-theme="dark"] .layui-layer-btn .layui-layer-btn1,html[data-theme="dark"] .layui-layer-btn .layui-layer-btn1:hover,html[data-theme="dark"] .layui-layer-btn .layui-layer-btn1:focus{background:#303030;color:#ddd;border-color:#555}html[data-theme="dark"] .layui-layer-dialog .layui-layer-content,html[data-theme="dark"] .layui-layer-title{color:#ddd}html[data-theme="dark"] .modal-context{border-color:#444}
html[data-theme="dark"] .article-content a,html[data-theme="dark"] .auth-switch a{color:#79bbff}html[data-theme="dark"] .layui-form-mid,html[data-theme="dark"] .auth-switch,html[data-theme="dark"] .auth-card>p{color:#aaa}html[data-theme="dark"] .topbar .account>a.auth-register,html[data-theme="dark"] .topbar .account>a:hover,html[data-theme="dark"] .topbar .account>a.is-active{background:#409eff;border-color:#409eff;color:#fff}html[data-theme="dark"] .topbar .account-logout:hover{background:#38272e;border-color:#72505e;color:#e4a4b4}
.topbar .primary-nav a,.manage-nav a,.drawer-nav a{font-size:15px;font-weight:400}.topbar .primary-nav .nav-label::after{background:#409eff;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}.topbar .primary-nav a.is-active .nav-label::after,.topbar .primary-nav a:hover .nav-label::after,.topbar .primary-nav a:focus-visible .nav-label::after{transform:scaleX(1)}.topbar .primary-nav a:not(.is-active):hover{color:#333}.topbar .primary-nav a.is-active{color:#409eff}html[data-theme="dark"] .topbar .primary-nav a:not(.is-active):hover{color:#ccc}html[data-theme="dark"] .topbar .primary-nav a.is-active{color:#409eff}.search-suggestions{padding:0;border-radius:9px;overflow:hidden}.search-suggestions ul{margin:0}.search-suggestions li+li{border-top:1px solid #eef0f4}.search-suggestions li a{display:flex;align-items:center;gap:11px;padding:15px;height:58px;border-radius:0}.suggestion-rank{display:inline-flex;align-items:center;justify-content:center;width:25px;height:27px;border-radius:3px;background:#81818f;color:#fff;font-size:19px;font-weight:500;line-height:1;flex-shrink:0}.search-suggestions li:nth-child(1) .suggestion-rank{background:#ff3153}.search-suggestions li:nth-child(2) .suggestion-rank{background:#ff680b}.search-suggestions li:nth-child(3) .suggestion-rank{background:#ffa600}.suggestion-content{display:block;flex:1;min-width:0}.suggestion-content strong{display:block;font-size:15px;font-weight:400;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#606266}.suggestion-views{font-size:14px;color:#b5bac8;white-space:nowrap;flex-shrink:0;font-weight:500}.search-suggestions li a:hover,.search-suggestions li a:focus-visible{background:#f5f7fa}html[data-theme="dark"] .search-suggestions li+li{border-top-color:#333}html[data-theme="dark"] .search-suggestions .suggestion-rank{color:#fff}html[data-theme="dark"] .suggestion-content strong{color:#d4d4d4}html[data-theme="dark"] .suggestion-views{color:#999}html[data-theme="dark"] .search-suggestions li a:hover,html[data-theme="dark"] .search-suggestions li a:focus-visible{background:#2b2b2b}
@media(max-width:760px){.manage-nav a,.drawer-nav a{font-size:15px}.search-suggestions li a{gap:7px;padding:12px 10px;height:53px}.suggestion-rank{width:22px;height:24px;font-size:17px}.suggestion-content strong{font-size:14px}.suggestion-views{font-size:11px}}
.search-suggestions{width:100%;max-width:100%;left:0;right:auto;border-radius:7px}.search-suggestions li a{height:42px;padding:8px;gap:6px}.suggestion-rank{width:18px;height:20px;font-size:13px;border-radius:2px}.suggestion-content strong{font-size:12px}.suggestion-views{font-size:10px;font-weight:400}.standard-pagination .layui-laypage{justify-content:center}.manage-nav a,.drawer-nav a{display:flex;align-items:center;justify-content:flex-start;background:transparent;color:#333;border-radius:0;font-size:15px;font-weight:400}.manage-nav a:hover,.manage-nav a.is-active,.drawer-nav a:hover,.drawer-nav a.is-active{background:transparent;color:#409eff;box-shadow:none}.manage-nav .nav-label,.drawer-nav .nav-label{position:relative;display:inline-block;padding-bottom:8px}.manage-nav .nav-label::after,.drawer-nav .nav-label::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:2px;background:#409eff;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}.manage-nav a:hover .nav-label::after,.manage-nav a.is-active .nav-label::after,.drawer-nav a:hover .nav-label::after,.drawer-nav a.is-active .nav-label::after{transform:scaleX(1)}.manage-nav a:not(.is-active):hover,.drawer-nav a:not(.is-active):hover{color:#333}html[data-theme="dark"] .manage-nav a,html[data-theme="dark"] .drawer-nav a{color:#ccc;background:transparent}html[data-theme="dark"] .manage-nav a:hover,html[data-theme="dark"] .manage-nav a.is-active,html[data-theme="dark"] .drawer-nav a:hover,html[data-theme="dark"] .drawer-nav a.is-active{background:transparent;color:#409eff}html[data-theme="dark"] .manage-nav a:not(.is-active):hover,html[data-theme="dark"] .drawer-nav a:not(.is-active):hover{color:#ccc}
@media(max-width:760px){.search-suggestions{position:absolute;top:calc(100% + 10px);left:0;right:auto;width:100%;max-width:100%}.search-suggestions li a{display:grid;grid-template-columns:18px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 6px;height:51px;padding:7px}.suggestion-rank{grid-column:1;grid-row:1 / 3}.suggestion-content{grid-column:2;grid-row:1}.suggestion-content strong{font-size:12px}.suggestion-views{grid-column:2;grid-row:2;font-size:10px}}
.stats-four{--stats-columns:4}.stats-two{--stats-columns:2}.management-shell .stats-strip{display:grid;grid-template-columns:repeat(var(--stats-columns),minmax(0,1fr));gap:0;width:100%;max-width:none;min-width:0;margin:0 0 20px;padding:22px 0;border:1px solid #e8e8e8;border-radius:14px;background:#fff;overflow:hidden}.management-shell .stats-strip>.layui-card{min-width:0;margin:0;border:0;border-right:1px solid #eee;border-radius:0;box-shadow:none;background:transparent}.management-shell .stats-strip>.layui-card:last-child{border-right:0}.management-shell .stats-strip .layui-card-header{min-height:0;height:auto;line-height:22px;text-align:center;white-space:nowrap;padding:0 8px;border:0;background:transparent;font-size:13px;font-weight:400;color:#555}.management-shell .stats-strip .layui-card-body{text-align:center;padding:8px 8px 0;line-height:1.3}.management-shell .stats-strip b{font-size:28px;font-weight:500;line-height:1.3;color:#333}.manage-nav .nav-label{white-space:nowrap}html[data-theme="dark"] .management-shell .stats-strip{background:#1e1e1e;border-color:#333}html[data-theme="dark"] .management-shell .stats-strip>.layui-card{background:transparent;border-color:#333}html[data-theme="dark"] .management-shell .stats-strip .layui-card-header{background:transparent;color:#bbb}html[data-theme="dark"] .management-shell .stats-strip b{color:#e1e1e1}
@media(max-width:760px){.management-shell .stats-strip{grid-template-columns:repeat(var(--stats-columns),minmax(0,1fr));padding:18px 0}.management-shell .stats-four{min-width:360px}.management-shell .stats-strip .layui-card-header{font-size:11px}.management-shell .stats-strip b{font-size:24px}}
.management-shell{grid-template-columns:108px minmax(0,1fr);column-gap:20px}.management-shell>.manage-nav{padding:8px}.management-shell>.manage-nav>a{padding:10px 12px}.user-dropdown{position:relative}.topbar .user-dropdown-trigger{display:flex;align-items:center;gap:6px;height:36px;padding:0;border:0;background:transparent;color:#333;font-size:14px;font-weight:400}.user-dropdown-trigger>span{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-trigger>.svg-icon{width:14px;height:14px;transition:transform .15s}.user-dropdown-trigger[aria-expanded="true"]>.svg-icon{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:-12px;min-width:132px;padding:6px;margin:0;background:#fff;border:1px solid #e5e5e5;border-radius:8px;box-shadow:0 6px 20px #0000000d;z-index:1100}.user-dropdown-menu[hidden]{display:none}.user-dropdown-menu>a,.user-dropdown-menu .dropdown-logout{display:block;width:100%;margin:0;padding:9px 13px;text-align:left;border:0;border-radius:4px;background:transparent;font-size:13px;line-height:1.5;color:#333;white-space:nowrap}.user-dropdown-menu>a:hover,.user-dropdown-menu>a.is-active{background:#f5f7fa;color:#409eff}.dropdown-logout-form{border-top:1px solid #eee;margin-top:5px;padding-top:5px}.user-dropdown-menu .dropdown-logout,.drawer-user-links .dropdown-logout{color:#f56c6c}.user-dropdown-menu .dropdown-logout:hover,.drawer-user-links .dropdown-logout:hover{background:#fef0f0;color:#f56c6c}.drawer-username{font-size:13px;color:#888;margin-bottom:5px}.drawer-user-links{display:flex;flex-direction:column;gap:3px}.drawer-user-links>a,.drawer-user-links .dropdown-logout{display:block;text-align:left;width:100%;padding:9px 12px;border:0;background:transparent;font-size:14px;line-height:1.5;border-radius:4px;color:#333}.drawer-user-links>a:hover,.drawer-user-links>a.is-active{color:#409eff;background:#f5f7fa}html[data-theme="dark"] .topbar .user-dropdown-trigger{color:#ddd}html[data-theme="dark"] .user-dropdown-menu{background:#242424;border-color:#444}html[data-theme="dark"] .user-dropdown-menu>a,html[data-theme="dark"] .drawer-user-links>a{color:#ddd}html[data-theme="dark"] .user-dropdown-menu>a:hover,html[data-theme="dark"] .user-dropdown-menu>a.is-active,html[data-theme="dark"] .drawer-user-links>a:hover,html[data-theme="dark"] .drawer-user-links>a.is-active{background:#303030;color:#79bbff}html[data-theme="dark"] .dropdown-logout-form{border-color:#444}html[data-theme="dark"] .user-dropdown-menu .dropdown-logout,html[data-theme="dark"] .drawer-user-links .dropdown-logout{color:#f56c6c}html[data-theme="dark"] .user-dropdown-menu .dropdown-logout:hover,html[data-theme="dark"] .drawer-user-links .dropdown-logout:hover{background:#38292b;color:#f56c6c}
@media(max-width:760px){.management-shell{grid-template-columns:100px minmax(0,1fr);column-gap:12px}.management-shell>.manage-nav{padding:6px}.management-shell>.manage-nav>a{padding:9px 10px}.drawer-account{max-height:50dvh;overflow-y:auto}}
.management-shell{grid-template-columns:184px minmax(0,1fr);column-gap:25px}.management-shell>.manage-nav{padding:10px}.management-shell>.manage-nav>a,.user-dropdown-menu>a,.user-dropdown-menu .dropdown-logout,.drawer-user-links>a,.drawer-user-links .dropdown-logout{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 14px;text-align:center;font-size:15px;font-weight:400;border-radius:6px;white-space:nowrap}.management-shell>.manage-nav>a{background:transparent;color:#333}.management-shell>.manage-nav .nav-label{padding-bottom:0}.management-shell>.manage-nav .nav-label::after{display:none}.management-shell>.manage-nav>a:hover,.management-shell>.manage-nav>a.is-active,.management-shell>.manage-nav>a:not(.is-active):hover,.user-dropdown-menu>a:hover,.user-dropdown-menu>a.is-active,.drawer-user-links>a:hover,.drawer-user-links>a.is-active{background:#f5f7fa;color:#409eff;box-shadow:none}.manage-nav>a>.svg-icon,.user-dropdown-menu>a>.svg-icon,.user-dropdown-menu .dropdown-logout>.svg-icon,.drawer-user-links>a>.svg-icon,.drawer-user-links .dropdown-logout>.svg-icon{width:17px;height:17px;flex-shrink:0}.user-dropdown-menu{min-width:160px}.user-dropdown-menu .dropdown-logout,.drawer-user-links .dropdown-logout{color:#f56c6c}.user-dropdown-menu .dropdown-logout:hover,.drawer-user-links .dropdown-logout:hover{color:#f56c6c;background:#fef0f0}.drawer-username{text-align:center}html[data-theme="dark"] .management-shell>.manage-nav>a{background:transparent;color:#ddd}html[data-theme="dark"] .management-shell>.manage-nav>a:hover,html[data-theme="dark"] .management-shell>.manage-nav>a.is-active,html[data-theme="dark"] .management-shell>.manage-nav>a:not(.is-active):hover,html[data-theme="dark"] .user-dropdown-menu>a:hover,html[data-theme="dark"] .user-dropdown-menu>a.is-active,html[data-theme="dark"] .drawer-user-links>a:hover,html[data-theme="dark"] .drawer-user-links>a.is-active{background:#303030;color:#79bbff}html[data-theme="dark"] .user-dropdown-menu .dropdown-logout,html[data-theme="dark"] .drawer-user-links .dropdown-logout{color:#f56c6c}
@media(max-width:1050px){.management-shell{grid-template-columns:160px minmax(0,1fr);column-gap:18px}}
@media(max-width:760px){.management-shell{grid-template-columns:144px minmax(0,1fr);column-gap:12px}.management-shell>.manage-nav{padding:7px}.management-shell>.manage-nav>a{padding:10px 8px}}
.topbar .user-dropdown-trigger{height:36px;padding:0 12px;gap:8px;font-size:15px;font-weight:400;line-height:34px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333}.topbar .user-dropdown-trigger:hover,.topbar .user-dropdown-trigger[aria-expanded="true"]{border-color:#bbb;background:#fafafa}.user-dropdown-menu{top:calc(var(--header-height) / 2 + 50% + 8px);right:0}.user-dropdown:has(.user-dropdown-trigger[aria-expanded="true"])::after{content:"";position:absolute;top:100%;right:0;width:max(100%,160px);height:calc((var(--header-height) - 36px) / 2 + 9px);z-index:1099}.topbar .nav-search>.search-suggestions{position:absolute;top:calc(var(--header-height) / 2 + 50% + 8px);left:0;right:auto;width:100%;max-width:100%}.user-dropdown-menu>a,.user-dropdown-menu .dropdown-logout{font-size:15px}html[data-theme="dark"] .topbar .user-dropdown-trigger{background:#242424;border-color:#444;color:#ddd}html[data-theme="dark"] .topbar .user-dropdown-trigger:hover,html[data-theme="dark"] .topbar .user-dropdown-trigger[aria-expanded="true"]{background:#303030;border-color:#666}
.management-shell>.manage-nav>a{display:grid;grid-template-columns:17px 4em 17px;column-gap:9px;justify-content:center;align-items:center;text-align:center}.management-shell>.manage-nav>a>.svg-icon{grid-column:1;justify-self:center}.management-shell>.manage-nav>a>.nav-label{grid-column:2;justify-self:center;text-align:center}.user-dropdown-menu{top:calc(var(--header-height) / 2 + 50%);margin-top:0}.topbar .nav-search>.search-suggestions{top:calc(var(--header-height) / 2 + 50%);margin-top:0}.user-dropdown:has(.user-dropdown-trigger[aria-expanded="true"])::after{height:calc((var(--header-height) - 36px) / 2 + 1px)}
.user-dropdown-trigger>.user-greeting{max-width:none;overflow:visible;flex-shrink:0}.user-dropdown-trigger>.user-name{max-width:130px}.topbar .user-dropdown-trigger{gap:4px}.user-dropdown-trigger>.svg-icon{margin-left:3px}.search-suggestions:not([hidden]),.user-dropdown-menu:not([hidden]){transform-origin:top center;animation:dropdown-reveal .18s ease-out both;will-change:auto}.management-shell .post-row-actions{display:flex;align-items:center;gap:12px}.management-shell .post-row-actions>a,.management-shell .post-row-actions>form{margin:0}.management-shell .post-row-actions .layui-btn{margin:0}@keyframes dropdown-reveal{from{opacity:0;transform:translateY(-5px) scaleY(.97)}to{opacity:1;transform:translateY(0) scaleY(1)}}
.user-dropdown-menu{left:50%;right:auto;translate:-50% 0}.user-dropdown:has(.user-dropdown-trigger[aria-expanded="true"])::after{left:50%;right:auto;translate:-50% 0;width:max(100%,160px)}.user-dropdown-menu>a,.user-dropdown-menu .dropdown-logout{display:grid;grid-template-columns:17px 4em 17px;column-gap:9px;justify-content:center;align-items:center;text-align:center}.user-dropdown-menu>a>.svg-icon,.user-dropdown-menu .dropdown-logout>.svg-icon{grid-column:1;justify-self:center}.user-dropdown-menu>a>span,.user-dropdown-menu .dropdown-logout>span{grid-column:2;justify-self:center;text-align:center}
.mobile-center-heading{display:none}
@media(max-width:760px){.management-shell{display:block;width:100%;padding-top:20px}.management-shell>.manage-nav{display:none}.management-shell>.management-content{width:100%;min-width:0;overflow-x:visible}.mobile-center-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.mobile-center-heading h1{font-size:19px;font-weight:500;color:#333}.mobile-center-heading>span{font-size:11px;color:#999}.management-shell .stats-four{min-width:0}.management-shell .stats-four .layui-card-header{font-size:10px;padding:0 3px}.management-shell .stats-four b{font-size:24px}.mobile-menu{width:min(88vw,360px);background:#fff;border-left:0;box-shadow:-8px 0 28px #00000012}.drawer-heading{height:65px;padding:16px 20px;border-bottom:1px solid #eee}.drawer-heading h2{font-size:17px;color:#333;font-weight:500}.drawer-heading button{height:32px;width:32px;background:#f5f5f5;border:0;color:#777}.drawer-scroll{padding:16px;overflow-x:hidden;overflow-y:auto}.drawer-identity{display:flex;align-items:center;gap:12px;padding:2px 4px 20px;border-bottom:1px solid #eee;margin-bottom:20px}.drawer-user-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 42px;height:42px;border-radius:12px;background:#ecf5ff;color:#409eff;font-size:19px;font-weight:500}.drawer-identity>div:last-child{min-width:0}.drawer-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333;font-size:15px;font-weight:500}.drawer-identity span{display:block;font-size:11px;color:#999;margin-top:3px}.drawer-section{margin-bottom:20px}.drawer-section>h3{padding:0 10px;margin:0 0 9px;color:#999;font-size:11px;font-weight:400;letter-spacing:1px}.drawer-nav,.drawer-user-links{display:flex;flex-direction:column;gap:3px}.drawer-nav>a,.drawer-user-links>a{display:flex;justify-content:flex-start;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:8px;background:transparent;color:#444;font-size:15px;font-weight:400;text-align:left;white-space:normal}.drawer-nav>a>.svg-icon,.drawer-user-links>a>.svg-icon{width:18px;height:18px;flex-shrink:0;color:#888}.drawer-nav>a>span:not(.drawer-link-end),.drawer-user-links>a>span{min-width:0;flex:1}.drawer-link-end{display:flex;margin-left:auto;color:#bbb}.drawer-link-end .svg-icon{width:13px;height:13px}.drawer-nav>a.is-active,.drawer-nav>a:hover,.drawer-user-links>a.is-active,.drawer-user-links>a:hover{background:#ecf5ff;color:#409eff}.drawer-nav>a.is-active>.svg-icon,.drawer-user-links>a.is-active>.svg-icon{color:#409eff}.drawer-about{border-top:1px solid #eee;margin-top:6px;padding-top:12px}.drawer-about summary{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;color:#888;font-size:13px;cursor:pointer;list-style:none}.drawer-about summary::-webkit-details-marker{display:none}.drawer-about summary>.svg-icon{width:14px;height:14px;transition:transform .18s}.drawer-about[open] summary>.svg-icon{transform:rotate(90deg)}.drawer-about .drawer-profile{margin-top:10px}.drawer-account{display:block;max-height:none;overflow:visible;padding:12px 16px max(16px,env(safe-area-inset-bottom));border-top:1px solid #eee;background:#fff}.drawer-account .drawer-signout{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;padding:0;border:1px solid #f2d4d4;border-radius:8px;background:#fff;color:#f56c6c;font-size:14px}.drawer-account .drawer-signout:hover{background:#fef0f0}.drawer-auth-actions{display:flex;gap:10px}.drawer-auth-actions>a{flex:1;text-align:center;padding:8px 12px;border:1px solid #ddd;border-radius:7px;color:#333;font-size:14px}.drawer-auth-actions>a.auth-register{background:#409eff;color:white;border-color:#409eff}html[data-theme="dark"] .mobile-center-heading h1{color:#ddd}html[data-theme="dark"] .drawer-heading h2,html[data-theme="dark"] .drawer-identity strong{color:#ddd}html[data-theme="dark"] .drawer-heading,html[data-theme="dark"] .drawer-identity,html[data-theme="dark"] .drawer-about,html[data-theme="dark"] .drawer-account{border-color:#333}html[data-theme="dark"] .drawer-heading button{background:#303030;color:#ccc}html[data-theme="dark"] .drawer-user-avatar{background:#28384a;color:#79bbff}html[data-theme="dark"] .drawer-nav>a,html[data-theme="dark"] .drawer-user-links>a{background:transparent;color:#ccc}html[data-theme="dark"] .drawer-nav>a.is-active,html[data-theme="dark"] .drawer-nav>a:hover,html[data-theme="dark"] .drawer-user-links>a.is-active,html[data-theme="dark"] .drawer-user-links>a:hover{background:#293442;color:#79bbff}html[data-theme="dark"] .drawer-account .drawer-signout{background:#242424;border-color:#593c40;color:#f56c6c}html[data-theme="dark"] .drawer-auth-actions>a.auth-login{background:#242424;border-color:#444;color:#ddd}}
.theme-toggle,.back-to-top{right:48px}.theme-toggle{bottom:64px}.back-to-top{bottom:118px}
@media(max-width:760px){.theme-toggle,.back-to-top{right:18px}.theme-toggle{bottom:calc(78px + env(safe-area-inset-bottom))}.back-to-top{bottom:calc(132px + env(safe-area-inset-bottom))}.post-bottom{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.post-bottom>div{flex:1 0 100%}.post-bottom>span{display:inline-flex;align-items:center;gap:4px;margin-left:0;font-size:11px}.post-bottom .read-more{margin-left:auto;font-size:11px}.post-bottom>span .svg-icon{width:14px;height:14px;margin-left:0}.post-bottom>span .svg-icon:not(:first-child){margin-left:8px}}
.theme-toggle,.back-to-top{box-shadow:0 3px 12px #00000016,0 1px 3px #00000008}html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .back-to-top{box-shadow:0 4px 14px #00000050,0 1px 3px #00000030}
@media(max-width:760px){.post-bottom{flex-wrap:nowrap;gap:8px}.post-bottom>div{flex:1 1 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.post-bottom>span{flex:0 0 auto;margin:0;gap:3px;font-size:10px}.post-bottom .read-more{flex:0 0 auto;margin-left:0;white-space:nowrap;font-size:10px}.post-bottom .tag{font-size:10px;margin-right:7px}.post-bottom .tag .svg-icon{width:11px;height:11px;margin-left:0}.post-bottom>span .svg-icon{width:12px;height:12px}.post-bottom>span .svg-icon:not(:first-child){margin-left:5px}}
@media(min-width:761px){.content-grid>aside{position:sticky;top:var(--sidebar-top,calc(var(--header-height) + 24px));align-self:start}}
@media(max-width:760px){.content-grid>aside{position:static;top:auto}}

/* Account avatars and article discussion */
.user-avatar{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;overflow:hidden;border-radius:50%;background:#409eff;color:#fff;font-size:16px;font-weight:500;line-height:1;vertical-align:middle}.user-avatar img{display:block;width:100%;height:100%;object-fit:cover}.topbar .user-avatar.header-avatar{width:26px;height:26px;min-width:26px;margin-right:5px;color:#fff;background:#409eff;font-size:13px}.user-avatar.drawer-user-avatar{width:44px;height:44px;color:#fff;background:#409eff}.avatar-upload-form{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.user-avatar.avatar-preview{width:88px;height:88px;font-size:32px}.avatar-upload-fields{flex:1;min-width:200px}.avatar-upload-fields>label{display:block;margin-bottom:10px;font-weight:500;color:#303133}.avatar-upload-fields input{max-width:100%;font:inherit;font-size:13px;color:#606266}.avatar-upload-fields p{font-size:12px;line-height:1.8;color:#909399;margin:10px 0 14px}.avatar-settings .layui-card-body{padding:24px}.article-copyright{position:relative;display:flex;align-items:flex-start;gap:14px;margin:28px 0 20px;padding:20px;border:1px solid #ebeef5;border-left:3px solid #409eff;border-radius:6px;background:#f8fafc;color:#606266;overflow-wrap:anywhere}.copyright-mark{color:#409eff;padding-top:2px}.copyright-mark .svg-icon{width:24px;height:24px}.article-copyright p{margin:0 0 8px;font-size:13px;line-height:1.8}.article-copyright p:last-child{margin:0}.article-copyright b{font-weight:500;color:#303133}.article-copyright a{color:#409eff}.comments-panel{padding:28px}.comments-heading{padding-bottom:18px;border-bottom:1px solid #ebeef5}.comments-heading h2{font-size:19px;font-weight:500}.comments-heading h2 span{display:inline-block;margin-left:7px;padding:1px 8px;border-radius:4px;background:#ecf5ff;color:#409eff;font-size:12px;vertical-align:middle}.comments-heading p{font-size:13px;color:#909399;margin-top:8px}.comment-thread{padding:24px 0;border-bottom:1px solid #ebeef5}.comment-list .comment-thread:last-child{border-bottom:0}.comment-thread>.comment{padding:0;border:0;background:transparent}.user-avatar.comment-avatar{width:42px;height:42px;color:#fff;background:#409eff;border:0;font-size:17px}.comment-main{min-width:0;flex:1}.comment-header{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.comment-header strong{font-size:14px;font-weight:500;color:#303133}.comment-header time{margin-left:auto;font-size:12px;color:#909399}.comment-author-badge{font-size:10px;background:#ecf5ff;color:#409eff;padding:2px 6px;border-radius:3px}.comment-body{margin:12px 0 8px;font-size:14px;color:#606266;line-height:1.9;overflow-wrap:anywhere;white-space:normal}.comment-footer{display:flex;justify-content:flex-end}.comment-footer .reply{font-size:12px;color:#909399;display:inline-flex;gap:5px;align-items:center}.comment-footer .reply:hover{color:#409eff}.comment-replies{margin:18px 0 0 54px;padding:4px 16px;background:#f7f9fc;border-radius:6px;border:0}.comment-replies .comment{padding:16px 0;margin:0;background:transparent;border:0;border-bottom:1px solid #ebeef5}.comment-replies .comment:last-child{border-bottom:0}.comment-replies .comment-avatar{width:32px;height:32px;font-size:14px}.reply-context{font-size:12px;color:#909399;margin-top:10px}.reply-context span{color:#409eff}.comment-form{border-top:1px solid #ebeef5;margin-top:20px;padding-top:24px}.comment-composer-identity{display:flex;align-items:center;gap:12px;margin-bottom:16px}.comment-composer-identity strong{font-size:14px;font-weight:500;color:#303133}.comment-composer-identity h3{margin:5px 0 0;font-size:12px;font-weight:400;color:#909399}.comment-form textarea{border:1px solid #dcdfe6;background:#fafbfd;border-radius:6px;min-height:130px;padding:14px;font-size:14px;resize:vertical}.comment-form textarea:focus{border-color:#409eff;background:#fff}.comment-actions{margin-top:14px}.comment-actions>span{font-size:12px;color:#909399}.popular.popular-article{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #ebeef5}.popular.popular-article:last-child{border-bottom:0;padding-bottom:0}.popular.popular-article>span.popular-thumbnail{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 72px;width:72px;height:52px;margin:0;border-radius:5px;background:#ecf5ff;color:#409eff;overflow:hidden}.popular-thumbnail img{width:100%;height:100%;object-fit:cover}.popular-thumbnail>.svg-icon{width:25px;height:25px}.popular-thumbnail b{position:absolute;top:0;left:0;padding:2px 6px;border-bottom-right-radius:5px;background:#409eff;color:#fff;font-size:11px;font-weight:400}.popular.popular-article:nth-of-type(1) .popular-thumbnail b{background:#f56c6c}.popular.popular-article:nth-of-type(2) .popular-thumbnail b{background:#e6a23c}.popular.popular-article>span.popular-info{display:block;flex:1;min-width:0;margin:0;width:auto;background:none;border-radius:0;line-height:1.5;text-align:left}.popular-info strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;font-weight:400;color:#303133}.popular-info small{display:block;margin-top:7px;font-size:11px;color:#909399}.popular-article:hover .popular-info strong{color:#409eff}
html[data-theme="dark"] .avatar-upload-fields>label,html[data-theme="dark"] .comment-header strong,html[data-theme="dark"] .comment-composer-identity strong,html[data-theme="dark"] .article-copyright b,html[data-theme="dark"] .popular-info strong{color:#e5eaf3}html[data-theme="dark"] .article-copyright,html[data-theme="dark"] .comment-replies,html[data-theme="dark"] .comment-form textarea{background:#20242a;border-color:#363b43;color:#cfd3dc}html[data-theme="dark"] .comment-body{color:#cfd3dc}html[data-theme="dark"] .comments-heading,html[data-theme="dark"] .comment-thread,html[data-theme="dark"] .comment-replies .comment,html[data-theme="dark"] .comment-form,html[data-theme="dark"] .popular.popular-article{border-color:#363b43}html[data-theme="dark"] .comment-author-badge,html[data-theme="dark"] .comments-heading h2 span,html[data-theme="dark"] .popular.popular-article>span.popular-thumbnail{background:#25364b;color:#79bbff}html[data-theme="dark"] .user-avatar{background:#409eff;color:#fff}html[data-theme="dark"] .popular.popular-article>span.popular-info{background:none}
@media(max-width:760px){.comments-panel{padding:20px 16px}.comment-header time{width:100%;margin-left:0;font-size:11px}.comment-replies{margin-left:22px;padding:0 12px}.comment{gap:10px}.user-avatar.comment-avatar{width:34px;height:34px;font-size:14px}.article-copyright{padding:15px;gap:10px}.copyright-mark{display:none}.avatar-upload-form{gap:16px}.avatar-settings .layui-card-body{padding:18px}.user-avatar.avatar-preview{width:64px;height:64px;font-size:24px}.comment-actions{flex-wrap:wrap}.comment-actions>span{flex:1 1 100%}}

.article-copyright{display:block;background:#fafafa;border:1px solid #ebeef5;border-radius:6px}.copyright-content p{display:flex;align-items:flex-start;gap:7px;flex-wrap:wrap}.copyright-content .svg-icon{flex:0 0 18px;width:18px;height:18px;margin-top:3px;color:#409eff}.copyright-content b{flex:none}.copyright-content a,.copyright-content p>span{flex:1;min-width:0}.popular.popular-article{position:relative;display:block;height:130px;margin-top:14px;padding:0;overflow:hidden;border:0;border-radius:6px;background:#34495e}.popular.popular-article:last-child{padding:0}.popular.popular-article>span.popular-thumbnail{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:#34495e;color:#b9d9ff;overflow:hidden}.popular-thumbnail img{transition:transform .25s ease}.popular-article:hover .popular-thumbnail img{transform:scale(1.04)}.popular-thumbnail>.svg-icon{width:40px;height:40px}.popular-thumbnail b{top:10px;left:10px;z-index:2;border-radius:4px;padding:3px 8px}.popular.popular-article>span.popular-info{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:15px;background:linear-gradient(transparent 15%,rgba(0,0,0,.72));box-sizing:border-box}.popular-info strong,.popular-article:hover .popular-info strong,html[data-theme="dark"] .popular-info strong{color:#fff;font-size:14px}.popular-info small{color:#e5e7eb;font-size:11px;margin-top:5px}html[data-theme="dark"] .popular.popular-article>span.popular-info{background:linear-gradient(transparent 15%,rgba(0,0,0,.78))}

.user-avatar.comment-avatar{flex:0 0 42px;border-radius:50%;line-height:1}.comment-replies .user-avatar.comment-avatar{flex-basis:32px;border-radius:50%}.comment-main .comment-body{font-size:14px;color:#606266;line-height:1.9;margin:12px 0 8px}html[data-theme="dark"] .comment-main .comment-body{color:#cfd3dc}.comment-form{margin:20px 0 4px;padding:20px 0;border-top:0;border-bottom:1px solid #ebeef5}.comment-composer-identity .user-avatar{color:#fff;background:#409eff}@media(max-width:760px){.user-avatar.comment-avatar{flex-basis:34px}.comment-replies .user-avatar.comment-avatar{flex-basis:32px}.copyright-content p{gap:5px}}

.comment-main .comment-footer{display:flex;justify-content:flex-start;margin-top:10px}.comment-main .comment-footer .reply{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:2px 10px;border:1px solid #d9ecff;border-radius:4px;background:#ecf5ff;color:#409eff;font-size:12px;font-weight:400;line-height:22px}.comment-main .comment-footer .reply:hover,.comment-main .comment-footer .reply:focus-visible{background:#409eff;border-color:#409eff;color:#fff}.comment-footer .reply .svg-icon{width:14px;height:14px}.settings-help{margin-top:8px;color:#909399;font-size:12px;line-height:1.7}html[data-theme="dark"] .comment-main .comment-footer .reply{background:#25364b;border-color:#365477;color:#79bbff}html[data-theme="dark"] .comment-main .comment-footer .reply:hover,html[data-theme="dark"] .comment-main .comment-footer .reply:focus-visible{background:#409eff;border-color:#409eff;color:#fff}

.comment-input-shell{border:1px solid #dcdfe6;border-radius:6px;overflow:hidden;background:#fafbfd;transition:border-color .18s}.comment-input-shell:focus-within,.is-replying .comment-input-shell{border-color:#409eff}.comment-form .comment-input-shell textarea{display:block;width:100%;border:0;border-radius:0;outline:none;background:transparent;box-shadow:none}.comment-form .comment-input-shell textarea:focus{border:0;box-shadow:none}.reply-preview[hidden]{display:none}.reply-preview{margin:12px 12px 0;padding:12px 14px;border-left:3px solid #409eff;border-radius:4px;background:#ecf5ff}.reply-preview-heading{display:flex;align-items:center;gap:7px;color:#409eff}.reply-preview-heading>.svg-icon{width:16px;height:16px}.reply-preview-heading strong{font-size:13px;font-weight:500}.reply-preview-close{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;border:0;border-radius:4px;padding:3px;background:transparent;color:#909399}.reply-preview-close:hover{color:#f56c6c;background:#fef0f0}.reply-preview-close .svg-icon{width:16px;height:16px}.reply-preview>p{margin:7px 0 0;color:#606266;font-size:13px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;max-height:88px;overflow:auto}html[data-theme="dark"] .comment-input-shell{background:#20242a;border-color:#363b43}html[data-theme="dark"] .comment-input-shell:focus-within,html[data-theme="dark"] .is-replying .comment-input-shell{border-color:#409eff}html[data-theme="dark"] .reply-preview{background:#25364b}html[data-theme="dark"] .reply-preview>p{color:#cfd3dc}html[data-theme="dark"] .reply-preview-heading{color:#79bbff}html[data-theme="dark"] .comment-form .comment-input-shell textarea{background:transparent;border:0}

/* Shared semantic status labels across account, article and comment management. */
.management-shell .status-label{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;min-width:64px;height:26px;padding:0 9px;border:1px solid #dcdfe6;border-radius:4px;font-size:12px;font-weight:400;line-height:24px;white-space:nowrap;letter-spacing:0;background:#f4f4f5;color:#909399}.management-shell .status-label.status-success{color:#16a36a;background:#edf9f2;border-color:#bce7ce}.management-shell .status-label.status-pending{color:#b7791f;background:#fdf6ec;border-color:#f2d5a5}.management-shell .status-label.status-disabled{color:#e05252;background:#fef0f0;border-color:#f5c6c6}.management-shell .status-label.status-neutral{color:#787d85;background:#f4f4f5;border-color:#dcdfe6}.management-shell .layui-table .status-column,.management-shell .layui-table td:has(>.status-label){text-align:center;vertical-align:middle;white-space:nowrap}.recent-status-date{display:inline-flex;align-items:center;gap:10px}.management-content>.layui-card>.layui-card-header>.status-label{margin-left:8px}html[data-theme="dark"] .management-shell .status-label.status-success{color:#69cf9c;background:#20382e;border-color:#315d46}html[data-theme="dark"] .management-shell .status-label.status-pending{color:#e6b66a;background:#3b3022;border-color:#654d2c}html[data-theme="dark"] .management-shell .status-label.status-disabled{color:#f28a8a;background:#3c2628;border-color:#633c40}html[data-theme="dark"] .management-shell .status-label.status-neutral{color:#b1b3b8;background:#2c2e33;border-color:#484b52}@media(max-width:760px){.recent-status-date{gap:6px;flex-wrap:wrap;justify-content:flex-end}}

.management-shell .status-label{min-width:54px;height:22px;padding:0 7px;font-size:11px;line-height:20px;border-radius:3px}.management-shell .edit-form .layui-form-item{display:block;margin-bottom:20px}.management-shell .edit-form .layui-form-label{display:block;float:none;width:100%;max-width:none;padding:0;margin:0 0 9px;text-align:left;line-height:22px;white-space:nowrap}.management-shell .edit-form .layui-input-block,.management-shell .edit-form .layui-input-inline{display:block;float:none;width:100%;min-width:0;margin:0}.management-shell .edit-form input.layui-input,.management-shell .edit-form textarea.layui-textarea,.management-shell .edit-form .layui-form-select{width:100%}.management-shell .edit-form .editor-container{margin:0}.management-shell .edit-form .pinned-option{margin-top:14px}.management-shell .edit-form .layui-form-checkbox[lay-skin=primary]{margin:0;padding-left:26px;line-height:22px}.management-shell .edit-form .layui-form-checkbox[lay-skin=primary]>div,.management-shell .edit-form .layui-form-checkbox[lay-skin=primary]:hover>div{color:#606266;background:transparent}.management-shell .edit-form .layui-form-checkbox[lay-skin=primary]>i{color:#fff!important;background:#fff;border-color:#dcdfe6!important}.management-shell .edit-form .layui-form-checkbox[lay-skin=primary]:hover>i{border-color:#409eff!important;color:#fff!important}.management-shell .edit-form .layui-form-checkbox[lay-skin=primary].layui-form-checked>i,.management-shell .edit-form .layui-form-checkbox[lay-skin=primary].layui-form-checked:hover>i{background:#409eff!important;border-color:#409eff!important;color:#fff!important}html[data-theme="dark"] .management-shell .edit-form .layui-form-checkbox[lay-skin=primary]>div,html[data-theme="dark"] .management-shell .edit-form .layui-form-checkbox[lay-skin=primary]:hover>div{color:#cfd3dc}html[data-theme="dark"] .management-shell .edit-form .layui-form-checkbox[lay-skin=primary]:not(.layui-form-checked)>i{background:#20242a;color:transparent!important;border-color:#606266!important}

/* One focus border around the complete rich-text editor, including its toolbar. */
.editor-container .tox.tox-tinymce{border:1px solid #dcdfe6;border-radius:6px;transition:border-color .18s;box-shadow:none}.editor-container .tox.tox-tinymce:focus-within,.editor-container .tox.tox-tinymce.tox-edit-focus{border-color:#409eff;box-shadow:none}.editor-container .tox .tox-edit-area::before,.editor-container .tox.tox-edit-focus .tox-edit-area::before{opacity:0!important;border:0!important;box-shadow:none!important}.editor-container .tox .tox-edit-area,.editor-container .tox .tox-edit-area__iframe{outline:none;box-shadow:none}.editor-body:focus,.editor-body:focus-visible{outline:none;box-shadow:none}html[data-theme="dark"] .editor-container .tox.tox-tinymce:focus-within,html[data-theme="dark"] .editor-container .tox.tox-tinymce.tox-edit-focus{border-color:#409eff}

/* Preserve the original thick focus treatment around the entire editor. */
.editor-container .tox.tox-tinymce:focus-within,.editor-container .tox.tox-tinymce.tox-edit-focus,html[data-theme="dark"] .editor-container .tox.tox-tinymce:focus-within,html[data-theme="dark"] .editor-container .tox.tox-tinymce.tox-edit-focus{border-color:#006ce7;box-shadow:0 0 0 2px #006ce7}

/* Keep editor spacing identical to the rendered article. */
.article-content{line-height:1.65}.article-content p{margin:0 0 .6em}.article-content p:last-child{margin-bottom:0}.editor-body{line-height:1.65}html[data-theme="dark"] body.editor-body{background:#1f1f1f;color:#e0e0e0}html[data-theme="dark"] .editor-container .tox.tox-tinymce:not(.tox-edit-focus):not(:focus-within){border-color:#444}

.drawer-identity>.user-avatar.drawer-user-avatar,html[data-theme="dark"] .drawer-identity>.user-avatar.drawer-user-avatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin:0;border-radius:50%;background:#409eff;color:#fff;font-size:19px;line-height:1;font-weight:500;overflow:hidden}

.posts-toolbar{justify-content:space-between;gap:16px}.posts-bulk-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bulk-select-label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer}.posts-management-table input[type=checkbox],.bulk-select-label input{appearance:auto;width:16px;height:16px;margin:0;accent-color:#409eff;vertical-align:middle;cursor:pointer}.posts-management-table .selection-column{width:38px;text-align:center;vertical-align:middle}.bulk-selection-count{color:#909399;font-size:12px;white-space:nowrap}.posts-bulk-controls select{height:32px;border:1px solid #dcdfe6;border-radius:4px;padding:0 28px 0 10px;background:#fff;color:#606266;font:inherit;font-size:13px}.posts-bulk-controls>.layui-btn,.posts-toolbar>.posts-create{height:32px;line-height:30px;padding:0 13px;font-size:13px;border-radius:4px}.posts-toolbar>.posts-create{margin-left:auto}.posts-bulk-controls button:disabled{cursor:not-allowed;opacity:.5}.posts-management-table tbody tr.is-selected{background:#ecf5ff}.posts-management-table tbody tr.is-selected:hover{background:#ecf5ff}html[data-theme="dark"] .posts-bulk-controls select{background:#242424;border-color:#444;color:#cfd3dc}html[data-theme="dark"] .posts-management-table tbody tr.is-selected,html[data-theme="dark"] .posts-management-table tbody tr.is-selected:hover{background:#25364b}@media(max-width:760px){.posts-toolbar{align-items:flex-start;gap:12px}.posts-bulk-controls{gap:9px;flex:1 1 100%}.posts-toolbar>.posts-create{margin-left:auto}}

/* Explicit checkbox artwork keeps the check white in both browser themes. */
.posts-management-table input[type="checkbox"]{appearance:none;-webkit-appearance:none;display:inline-block;width:16px;height:16px;padding:0;margin:0;border:1px solid #c0c4cc;border-radius:3px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:12px 12px;vertical-align:middle;cursor:pointer;transition:border-color .15s,background-color .15s}.posts-management-table input[type="checkbox"]:hover{border-color:#409eff}.posts-management-table input[type="checkbox"]:checked{border-color:#409eff;background-color:#409eff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m3 8 3 3 7-7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.posts-management-table input[type="checkbox"]:indeterminate{border-color:#409eff;background-color:#409eff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8h8' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}.posts-management-table input[type="checkbox"]:focus-visible{outline:2px solid #a0cfff;outline-offset:2px}.posts-management-table input[type="checkbox"]:disabled{cursor:not-allowed;opacity:.5}html[data-theme="dark"] .posts-management-table input[type="checkbox"]:not(:checked):not(:indeterminate){background-color:#242424;border-color:#606266}

@media(max-width:760px){.posts-toolbar{display:flex;flex-wrap:nowrap;align-items:center;gap:8px}.posts-toolbar .posts-bulk-controls{flex:1 1 0;min-width:0;flex-wrap:nowrap;gap:6px}.posts-bulk-controls .bulk-selection-count{flex:0 0 auto;font-size:11px}.posts-bulk-controls select{flex:1 1 0;min-width:0;width:0;padding:0 4px;font-size:12px}.posts-bulk-controls>.layui-btn{flex:0 0 auto;padding:0 8px;font-size:12px}.posts-toolbar>.posts-create{flex:0 0 auto;margin-left:0;padding:0 9px;white-space:nowrap;font-size:12px}.posts-toolbar>.posts-create .svg-icon{width:14px;height:14px}}

.posts-bulk-controls select{flex:0 0 112px;width:112px;min-width:112px}.posts-toolbar .posts-bulk-controls{flex:0 1 auto}.posts-toolbar>.posts-create{margin-left:auto}@media(max-width:760px){.posts-toolbar .posts-bulk-controls{flex:0 1 auto}.posts-bulk-controls select{flex:0 0 96px;width:96px;min-width:96px}.posts-toolbar>.posts-create{margin-left:auto}}

.posts-bulk-controls select[hidden]{display:none}.bulk-picker{position:relative;flex:0 0 112px;width:112px;z-index:20}.bulk-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;height:32px;padding:0 10px;border:1px solid #dcdfe6;border-radius:4px;background:#fff;color:#606266;font-size:13px;line-height:30px}.bulk-picker-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-picker-trigger>.svg-icon{flex:0 0 14px;width:14px;height:14px;color:#909399;transition:transform .18s ease}.bulk-picker.is-open .bulk-picker-trigger{border-color:#409eff}.bulk-picker.is-open .bulk-picker-trigger>.svg-icon{transform:rotate(180deg)}.bulk-picker-menu{position:absolute;left:0;top:calc(100% + 5px);width:130px;max-height:280px;overflow:auto;padding:5px;border:1px solid #ebeef5;border-radius:5px;background:#fff;box-shadow:0 5px 18px #00000014;opacity:0;visibility:hidden;transform:translateY(-5px) scaleY(.97);transform-origin:top;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}.bulk-picker.is-open .bulk-picker-menu{opacity:1;visibility:visible;transform:translateY(0) scaleY(1);pointer-events:auto}.bulk-picker-menu>button{display:block;width:100%;padding:6px 10px;border:0;border-radius:3px;background:transparent;text-align:left;color:#606266;font-size:13px;white-space:nowrap}.bulk-picker-menu>button:hover,.bulk-picker-menu>button.is-active{background:#ecf5ff;color:#409eff}.bulk-picker-menu>button.is-danger{color:#f56c6c}.bulk-picker-menu>button.is-danger:hover{background:#fef0f0}html[data-theme="dark"] .bulk-picker-trigger,html[data-theme="dark"] .bulk-picker-menu{background:#242424;color:#cfd3dc;border-color:#444}html[data-theme="dark"] .bulk-picker-menu>button{color:#cfd3dc}html[data-theme="dark"] .bulk-picker-menu>button:hover,html[data-theme="dark"] .bulk-picker-menu>button.is-active{background:#25364b;color:#79bbff}html[data-theme="dark"] .bulk-picker-menu>button.is-danger{color:#f56c6c}@media(max-width:760px){.bulk-picker{flex-basis:96px;width:96px}.bulk-picker-trigger{padding:0 9px;font-size:12px}}

.editor-body .reply-hidden{position:relative;margin:16px 0;padding:30px 16px 16px;border:1px dashed #409eff;border-radius:6px;background:#ecf5ff}.editor-body .reply-hidden::before{content:'回复后可见';position:absolute;top:5px;left:12px;color:#409eff;font-size:12px}.reply-locked{padding:24px;margin:20px 0;border:1px dashed #a0cfff;border-radius:6px;text-align:center;background:#f5faff}.reply-locked>strong{font-size:15px;color:#409eff;font-weight:500}.reply-locked>p{margin:8px 0 12px;color:#909399;font-size:13px}.reply-locked>a{display:inline-block;padding:4px 14px;background:#409eff;color:#fff;border-radius:4px;font-size:13px}.reply-revealed{padding:16px;margin:18px 0;border-left:3px solid #409eff;border-radius:4px;background:#f5faff}html[data-theme="dark"] .reply-locked,html[data-theme="dark"] .reply-revealed,html[data-theme="dark"] .editor-body .reply-hidden{background:#25364b;border-color:#365477}html[data-theme="dark"] .reply-revealed{color:#e0e0e0}

.display-name-form{padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid #ebeef5}.display-name-form>label{display:block;margin-bottom:9px;color:#303133}.display-name-form>div{display:flex;align-items:center;gap:12px}.display-name-form .layui-input{flex:1;min-width:0}.display-name-form .layui-btn{flex:none;margin:0}.display-name-form>p{margin:9px 0 0;color:#909399;font-size:12px}.post-author,.article-author{display:inline-flex;align-items:center;gap:4px;vertical-align:middle}.post-author{margin-right:7px;max-width:120px;min-width:0}.post-author>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-author>.svg-icon,.article-author>.svg-icon{flex:none;width:14px;height:14px}.article-author{max-width:100%;overflow-wrap:anywhere}html[data-theme="dark"] .display-name-form{border-color:#363b43}html[data-theme="dark"] .display-name-form>label{color:#cfd3dc}@media(max-width:760px){.post-author{max-width:70px;margin-right:3px;gap:3px}.post-author>.svg-icon{width:12px;height:12px}.post-bottom>.post-reading-meta{gap:3px}.display-name-form>div{gap:8px}.display-name-form .layui-btn{padding:0 12px}}

.article-neighbors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px;padding-top:22px;border-top:1px solid #ebeef5}.article-neighbor{display:flex;flex-direction:column;gap:8px;min-width:0;padding:16px 18px;border:1px solid #ebeef5;border-radius:6px;background:#fafbfd;transition:border-color .18s,background-color .18s}.neighbor-label{display:flex;align-items:center;gap:4px;color:#909399;font-size:12px}.neighbor-label .svg-icon{width:13px;height:13px}.neighbor-back{display:inline-flex;transform:rotate(180deg)}.article-neighbor>strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:#303133;font-size:14px;line-height:1.7;font-weight:400}.article-neighbor.next{text-align:right}.article-neighbor.next .neighbor-label{justify-content:flex-end}.article-neighbor[href]:hover{border-color:#a0cfff;background:#f5faff}.article-neighbor[href]:hover>strong{color:#409eff}.article-neighbor.is-empty>strong{color:#b1b3b8}.article-neighbor.is-empty{background:transparent}html[data-theme="dark"] .article-neighbors{border-color:#363b43}html[data-theme="dark"] .article-neighbor{background:#24272d;border-color:#363b43}html[data-theme="dark"] .article-neighbor>strong{color:#cfd3dc}html[data-theme="dark"] .article-neighbor.is-empty>strong{color:#787d85}html[data-theme="dark"] .article-neighbor[href]:hover{background:#25364b;border-color:#365477}@media(max-width:760px){.article-neighbors{gap:10px;margin-top:20px;padding-top:18px}.article-neighbor{padding:12px;gap:6px}.article-neighbor>strong{font-size:13px}}

.profile-settings-layout{display:flex;align-items:flex-start;gap:24px}.profile-settings-fields{flex:1;min-width:0}.profile-settings-fields .avatar-upload-form{display:block}.profile-settings-fields .display-name-form{max-width:420px;margin:20px 0 0;padding:0;border:0}.profile-settings-fields .avatar-upload-fields{min-width:0}@media(max-width:760px){.profile-settings-layout{gap:16px}.profile-settings-fields .display-name-form>div{flex-wrap:wrap}.profile-settings-fields .display-name-form .layui-input{flex:1 1 130px}}

.profile-details-form .display-name-form>.layui-input{width:100%}.profile-details-form .display-name-form>.layui-btn{margin-top:6px}.profile-details-form .display-name-form{max-width:420px}

.email-code-row{display:flex;align-items:center;gap:10px}.email-code-row>.layui-input{flex:1;min-width:0}.email-code-row>.layui-btn{flex:none;margin:0;height:38px;line-height:36px;padding:0 12px;font-size:13px}.email-code-feedback{color:#909399;font-size:12px;line-height:1.7;margin:10px 0}.email-binding-form{max-width:480px}.email-binding-form>label{display:block;margin-bottom:14px}.email-binding-form>label>.layui-input,.email-binding-form .captcha-row,.email-binding-form .email-code-row{margin-top:8px}.email-binding-form>.settings-help{margin-bottom:14px}.supplementary-settings{margin-top:20px}.supplementary-settings h2{font-size:17px;font-weight:500;margin-bottom:22px}.branding-preview{display:block;max-width:180px;max-height:70px;object-fit:contain;margin-bottom:12px}.branding-remove{display:block;margin-top:10px}.site-brand-logo{display:block;max-width:100px;height:36px;object-fit:contain}.auth-switch{display:flex;justify-content:center;gap:22px}

.auth-card .auth-switch{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #ebeef5;color:#909399;font-size:14px;line-height:1.6}.auth-card .auth-switch>a{display:inline-flex;align-items:center;justify-content:center;min-width:96px;min-height:38px;padding:7px 18px;border:1px solid #d9ecff;border-radius:5px;background:#ecf5ff;color:#409eff;font-size:14px;text-decoration:none;transition:background-color .18s,border-color .18s}.auth-card .auth-switch>a:hover{background:#409eff;border-color:#409eff;color:#fff}.email-code-form,.auth-card form{--verification-width:160px}.auth-card .captcha-row,.email-code-form .captcha-row,.email-code-form .email-code-row{display:grid;grid-template-columns:minmax(0,1fr) var(--verification-width);gap:12px;align-items:center}.auth-card .captcha-row>.captcha,.email-code-form .captcha-row>.captcha{width:var(--verification-width);height:43px;object-fit:fill;margin:0;border-radius:5px}.auth-card .captcha-row>.layui-input,.email-code-form .captcha-row>.layui-input,.email-code-form .email-code-row>.layui-input{height:43px;width:100%;margin:0}.email-code-form .email-code-row>.send-email-code{width:var(--verification-width);height:43px;line-height:41px;margin:0;padding:0 10px;border-radius:5px;font-size:14px;white-space:nowrap}.site-general-settings>h2{font-size:17px;line-height:1.6;font-weight:500;margin-bottom:22px}html[data-theme="dark"] .auth-card .auth-switch{border-color:#363b43}html[data-theme="dark"] .auth-card .auth-switch>a{background:#25364b;border-color:#365477;color:#79bbff}html[data-theme="dark"] .auth-card .auth-switch>a:hover{background:#409eff;border-color:#409eff;color:#fff}@media(max-width:480px){.email-code-form,.auth-card form{--verification-width:140px}.auth-card .captcha-row,.email-code-form .captcha-row,.email-code-form .email-code-row{gap:10px}.auth-card .auth-switch{gap:10px}}

.branding-preview-box{position:relative;display:flex;align-items:center;justify-content:center;width:220px;max-width:100%;height:96px;padding:14px;border:1px solid #dcdfe6;border-radius:6px;background:#fafbfd;overflow:visible}.branding-preview-box.is-icon{width:96px;height:96px}.branding-live-preview{display:block;max-width:100%;max-height:100%;object-fit:contain}.branding-clear{position:absolute;right:-8px;top:-8px;display:flex;align-items:center;justify-content:center;width:23px;height:23px;padding:0;border:1px solid #f5c6c6;border-radius:50%;background:#fff;color:#f56c6c;box-shadow:0 2px 5px #00000010;transition:background-color .15s,color .15s}.branding-clear[hidden]{display:none}.branding-clear:hover{background:#f56c6c;color:#fff}.branding-clear .svg-icon{width:14px;height:14px}.branding-upload-actions{display:flex;align-items:center;gap:12px;margin-top:12px;min-width:0}.branding-upload-actions .layui-btn{height:32px;line-height:30px;font-size:13px;padding:0 12px;border-radius:4px}.branding-file-status{min-width:0;font-size:12px;color:#909399;overflow-wrap:anywhere}html[data-theme="dark"] .branding-preview-box{background:#292c32;border-color:#444}html[data-theme="dark"] .branding-clear{background:#30272a;border-color:#633c40;color:#f28a8a}html[data-theme="dark"] .branding-clear:hover{background:#f56c6c;color:#fff}

.email-code-form,.auth-card form{--verification-width:120px}.auth-card .auth-switch{gap:5px;margin-top:20px;padding-top:16px;font-size:12px}.auth-card .auth-switch>a{display:inline;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:#409eff;font-size:12px;line-height:1.8}.auth-card .auth-switch>a:hover{background:transparent;border:0;color:#337ecc;text-decoration:underline}.auth-card .auth-switch.auth-switch-login{justify-content:space-between;gap:16px}html[data-theme="dark"] .auth-card .auth-switch>a{background:transparent;border:0;color:#79bbff}html[data-theme="dark"] .auth-card .auth-switch>a:hover{background:transparent;border:0;color:#a0cfff}@media(max-width:480px){.email-code-form,.auth-card form{--verification-width:120px}}

.auth-card .auth-switch,.auth-card .auth-switch>a{font-size:14px}.auth-card .auth-switch,html[data-theme="dark"] .auth-card .auth-switch{border-top:0;padding-top:0}.auth-card>h1{margin:8px 0 8px}

.auth-card .auth-switch>a:hover,html[data-theme="dark"] .auth-card .auth-switch>a:hover{text-decoration:none}.branding-preview-box,.branding-preview-box.is-icon,html[data-theme="dark"] .branding-preview-box{display:inline-flex;width:auto;max-width:100%;height:auto;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.branding-preview-box>.branding-live-preview{display:block;width:auto;max-width:220px;height:auto;max-height:96px;object-fit:contain}.branding-preview-box.is-icon>.branding-live-preview{max-width:64px;max-height:64px}.branding-preview-box>.branding-clear{right:-9px;top:-9px}

.site-general-settings .branding-field{display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-height:64px}.site-general-settings .branding-upload-actions{margin:0;display:flex;align-items:center}.site-general-settings .branding-file-status{display:none}.site-general-settings .branding-preview-box{flex:none;vertical-align:middle}.profile>.avatar{display:flex;align-items:center;justify-content:center;overflow:hidden}.profile>.avatar>img{display:block;width:100%;height:100%;object-fit:contain}

.site-general-settings .branding-field{display:flex;align-items:flex-start;justify-content:flex-start;gap:16px;min-height:38px;padding:0}.site-general-settings .branding-upload-actions{order:-1;flex:none;margin:0;padding:0;align-self:flex-start}.site-general-settings .branding-upload-actions>.layui-btn{height:38px;line-height:36px;margin:0;padding:0 14px}.site-general-settings .branding-preview-box[hidden]{display:none}.site-general-settings .branding-preview-box{align-self:flex-start;margin:0}

.site-general-settings .branding-field{align-items:center}.site-general-settings .branding-preview-box{order:0;align-self:center}.site-general-settings .branding-upload-actions{order:1;align-self:center}

/* Home-page small text uses a consistent 12px size on desktop and mobile. */
.home-wrap .eyebrow,.home-wrap .art-caption,.home-wrap .pin,.home-wrap .tag,.home-wrap .post-bottom>span,.home-wrap .post-bottom .read-more,.home-wrap .post-bottom .tag,.home-wrap .stats div,.home-wrap .side-note,.home-wrap .section-heading div>span,body:has(.home-wrap)>footer,body:has(.home-wrap) .search-suggestions-heading span,body:has(.home-wrap) .suggestion-content small,body:has(.home-wrap) .suggestion-views{font-size:12px}

.home-wrap .post-meta,.home-wrap .profile p,.home-wrap .side-block>p,.home-wrap .category-row,.home-wrap .popular,.home-wrap .popular-thumbnail b,.home-wrap .popular-info small,body:has(.home-wrap) .account,body:has(.home-wrap) .account>a.auth-login,body:has(.home-wrap) .account>a.auth-register,body:has(.home-wrap) .account>a.account-manage,body:has(.home-wrap) .account-logout,body:has(.home-wrap) .drawer-identity span,body:has(.home-wrap) .drawer-section>h3{font-size:12px}

@media(min-width:761px){.topbar .nav-inner>.nav-search,.topbar .user-dropdown-trigger{box-sizing:border-box;height:36px;min-height:36px;max-height:36px;margin-top:0;margin-bottom:0;border-width:1px;border-style:solid;border-radius:6px;align-self:center}.topbar .nav-search>input{box-sizing:border-box;height:34px;min-height:0;margin:0;padding-top:0;padding-bottom:0;line-height:34px}.topbar .nav-search>button{display:inline-flex;align-items:center;justify-content:center;height:34px;margin:0;padding-top:0;padding-bottom:0;line-height:1}.topbar .account,.topbar .user-dropdown{display:flex;align-items:center}}

.post-meta .post-new{display:inline-flex;align-items:center;justify-content:center;padding:0 7px;border-radius:4px;font-size:12px;line-height:1.8;background:#ecf5ff;color:#409eff;white-space:nowrap}html[data-theme="dark"] .post-meta .post-new{background:#25364b;color:#79bbff}

.post-meta .post-new{background:#fef0f0;color:#f56c6c}html[data-theme="dark"] .post-meta .post-new{background:#3c2628;color:#f28a8a}.publication-date-wrap,.views-number-wrap{position:relative;width:100%}.management-shell .edit-form .publication-date-wrap>.layui-input,.management-shell .edit-form .views-number-wrap>.layui-input{padding-right:44px}.publication-date-trigger,.views-number-controls{position:absolute;right:1px;top:1px;width:35px;height:36px}.publication-date-trigger{display:flex;align-items:center;justify-content:center;padding:0;border:0;border-left:1px solid #ebeef5;background:transparent;color:#909399;border-radius:0 2px 2px 0}.publication-date-trigger>.svg-icon{width:16px;height:16px}.views-number-wrap>input{appearance:textfield;-moz-appearance:textfield}.views-number-wrap>input::-webkit-inner-spin-button,.views-number-wrap>input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.views-number-controls{display:flex;flex-direction:column;border-left:1px solid #ebeef5}.views-number-controls>button{display:flex;flex:1;align-items:center;justify-content:center;width:100%;min-height:0;margin:0;padding:0;border:0;background:transparent;color:#909399}.views-number-controls>button+button{border-top:1px solid #ebeef5}.views-number-controls .svg-icon{width:12px;height:12px}.views-number-controls>button:first-child .svg-icon{transform:rotate(180deg)}.publication-date-trigger:hover,.views-number-controls>button:hover{color:#409eff;background:#f5f7fa}html[data-theme="dark"] .publication-date-trigger,html[data-theme="dark"] .views-number-controls,html[data-theme="dark"] .views-number-controls>button+button{border-color:#444}html[data-theme="dark"] .publication-date-trigger:hover,html[data-theme="dark"] .views-number-controls>button:hover{background:#303030}.topbar .user-dropdown-menu{clip-path:inset(0 -24px -24px -24px)}.topbar .user-dropdown::after{background:transparent!important;border:0!important;box-shadow:none!important}@keyframes dropdown-reveal{from{opacity:0;transform:translateY(6px) scaleY(.97)}to{opacity:1;transform:translateY(0) scaleY(1)}}

.management-shell .settings-form .layui-input.account-readonly,.management-shell .settings-form .layui-input.account-readonly:focus{background:#f4f4f5;color:#909399;border-color:#e4e7ed!important;box-shadow:none;cursor:not-allowed}html[data-theme="dark"] .management-shell .settings-form .layui-input.account-readonly,html[data-theme="dark"] .management-shell .settings-form .layui-input.account-readonly:focus{background:#2b2d32;color:#858991;border-color:#3d4047!important;box-shadow:none}

.management-filter-panel{padding:16px;margin-bottom:18px;border:1px solid #ebeef5;border-radius:6px;background:#fff}.management-search-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.management-search-input{position:relative;flex:1;min-width:170px;max-width:440px}.management-search-input>.svg-icon{position:absolute;left:11px;top:11px;color:#909399;width:16px;height:16px;pointer-events:none}.management-search-input>.layui-input{padding-left:35px;height:38px}.management-search-form>select{height:38px;min-width:120px;max-width:180px;padding:0 10px;border:1px solid #dcdfe6;border-radius:4px;background:#fff;color:#606266;font:inherit;font-size:13px}.management-search-form>.layui-btn{height:38px;line-height:36px;padding:0 18px;margin:0;border-radius:4px;font-size:13px}.filter-reset{padding:0 4px;color:#909399;font-size:13px}.management-quick-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.management-quick-filters>a{padding:5px 13px;border-radius:4px;font-size:13px;color:#606266;line-height:22px;white-space:nowrap}.management-quick-filters>a:hover,.management-quick-filters>a.is-active{background:#ecf5ff;color:#409eff}.management-quick-filters>a.is-active{font-weight:400}html[data-theme="dark"] .management-filter-panel{background:#242424;border-color:#363b43}html[data-theme="dark"] .management-search-form>select{background:#242424;color:#cfd3dc;border-color:#444}html[data-theme="dark"] .management-quick-filters>a{color:#cfd3dc}html[data-theme="dark"] .management-quick-filters>a:hover,html[data-theme="dark"] .management-quick-filters>a.is-active{background:#25364b;color:#79bbff}@media(max-width:760px){.management-filter-panel{padding:12px}.management-search-form{gap:8px}.management-search-input{max-width:none;flex:1 1 100%}.management-search-form>select{flex:1;max-width:none;min-width:90px}.management-quick-filters{gap:5px}.management-quick-filters>a{padding:4px 10px;font-size:12px}}

.management-search-form>select[name="filter"],.management-search-form>select[name="category"],.management-search-form>select[name="state"]{width:120px;min-width:120px;max-width:120px;flex:0 0 120px}@media(max-width:760px){.management-search-form>select[name="filter"],.management-search-form>select[name="category"],.management-search-form>select[name="state"]{width:110px;min-width:0;max-width:none;flex:1 1 110px}}

@media(max-width:760px){.home-wrap .post-body h2,.article-panel .article-heading h1{font-size:18px}}

.management-search-form>.filter-reset{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:none;height:38px;padding:0 18px;border:1px solid #dcdfe6;border-radius:4px;background:#fff;color:#606266;font-size:13px;line-height:36px;text-decoration:none;transition:background-color .15s,border-color .15s}.management-search-form>.filter-reset:hover{background:#f5f7fa;border-color:#c0c4cc;color:#303133}html[data-theme="dark"] .management-search-form>.filter-reset{background:#292929;border-color:#444;color:#cfd3dc}html[data-theme="dark"] .management-search-form>.filter-reset:hover{background:#333;border-color:#666;color:#e5eaf3}

#seo-settings-form>h2,.seo-rewrite-panel h2{font-size:17px;font-weight:500;margin-bottom:22px}.seo-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.seo-section-heading>h2{margin:0}.seo-rewrite-panel textarea{font-family:Consolas,monospace;font-size:13px;line-height:1.8;min-height:160px}.seo-rewrite-panel>button{margin-top:12px}.seo-rewrite-panel a{color:#409eff}

.home-wrap .section-heading h1{font-size:20px;font-weight:700;margin:0 0 2px}

.avatar-file-picker{display:flex;align-items:center;gap:12px;max-width:420px}.avatar-file-picker>input[hidden]{display:none}.avatar-file-picker>.avatar-file-choose{flex:none;width:auto;height:32px;line-height:30px;margin:0;padding:0 12px;border-radius:4px;font-size:13px}.avatar-file-name{min-width:0;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#909399;font-size:12px;cursor:default}

.topbar .search-suggestions.dropdown-motion,.topbar .user-dropdown-menu.dropdown-motion{animation:none;transform-origin:top center;clip-path:inset(0 -24px -24px -24px);will-change:auto}

.topbar .search-suggestions:not([hidden]),.topbar .user-dropdown-menu:not([hidden]){transform-origin:top center;animation:dropdown-reveal .18s ease-out both;clip-path:none;will-change:auto}@keyframes dropdown-reveal{from{opacity:0;transform:translateY(-5px) scaleY(.97)}to{opacity:1;transform:translateY(0) scaleY(1)}}

.user-email-cell>span:not(.muted){display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;font-size:13px}.management-modal-form>.settings-help{margin:0 0 14px;font-size:12px}

.home-wrap .post-card{display:grid;grid-template-columns:156px minmax(0,1fr);column-gap:18px;row-gap:0;align-items:start;padding:18px;margin-bottom:18px}.home-wrap .post-cover{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:center;width:156px;height:118px;min-height:0;border-radius:6px;background:#f2f6fc;overflow:hidden}.home-wrap .post-cover img{display:block;width:100%;height:100%;object-fit:cover}.home-wrap .post-placeholder-icon{display:inline-flex;align-items:center;justify-content:center;color:#a8b6c8}.home-wrap .post-placeholder-icon>.svg-icon{width:38px;height:38px;margin:0;stroke-width:1.3}.home-wrap .post-body{grid-column:2;grid-row:1;min-width:0;padding:0}.home-wrap .post-body h2{margin:7px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-wrap .post-body>p{line-height:1.8;margin:0;-webkit-line-clamp:2}.home-wrap .post-meta{flex-wrap:wrap;gap:6px 9px}.home-wrap .post-card>.post-bottom{grid-column:1/-1;margin-top:14px;padding-top:12px;min-width:0}.home-wrap .post-card>.post-bottom>div{flex:1;min-width:0}.home-wrap .post-card>.post-bottom>.post-reading-meta{margin-left:auto}.home-wrap .post-card>.post-bottom>.read-more{margin-left:0}html[data-theme="dark"] .home-wrap .post-cover{background:#29313d}html[data-theme="dark"] .home-wrap .post-placeholder-icon{color:#758398}@media(max-width:760px){.home-wrap .post-card{grid-template-columns:88px minmax(0,1fr);column-gap:12px;padding:14px;margin-bottom:14px}.home-wrap .post-cover{width:88px;height:88px;border-radius:5px}.home-wrap .post-placeholder-icon>.svg-icon{width:28px;height:28px}.home-wrap .post-body h2{font-size:18px;line-height:1.5;margin:6px 0}.home-wrap .post-body>p{-webkit-line-clamp:1;line-height:1.7}.home-wrap .post-meta{gap:4px 6px;line-height:1.6}.home-wrap .post-card>.post-bottom{margin-top:12px;padding-top:10px;gap:6px}.home-wrap .post-card>.post-bottom>div{flex:1 1 0}.home-wrap .post-card>.post-bottom>.post-reading-meta{margin:0}}

.home-wrap .post-body h2{display:block;margin:0 0 9px;line-height:1.7;overflow-wrap:anywhere}.home-wrap .post-body h2>.post-new,.home-wrap .post-body h2>.pin{display:inline-flex;align-items:center;vertical-align:2px;padding:0 6px;margin-right:6px;border-radius:4px;font-size:12px;font-weight:400;line-height:21px;white-space:nowrap}.home-wrap .post-body h2>.post-new{background:#fef0f0;color:#f56c6c}.home-wrap .post-body h2>.pin{background:#fdf6ec;color:#b88230}.home-wrap .post-body>.post-inline-meta{display:flex;align-items:center;flex-wrap:wrap;gap:3px 7px;margin:10px 0 0;padding:0;border:0;color:#909399;font-size:12px;line-height:1.8;min-width:0}.home-wrap .post-body>.post-inline-meta>a,.home-wrap .post-body>.post-inline-meta>span,.home-wrap .post-body>.post-inline-meta>time{flex:0 0 auto;margin:0;padding:0;color:inherit;font-size:12px;white-space:nowrap}.home-wrap .post-inline-meta>a{position:relative;z-index:2}.home-wrap .post-inline-meta>a:hover{color:#409eff}.home-wrap .post-inline-meta>.post-meta-divider{color:#c0c4cc}html[data-theme="dark"] .home-wrap .post-body h2>.post-new{background:#3c2628;color:#f28a8a}html[data-theme="dark"] .home-wrap .post-body h2>.pin{background:#3b3022;color:#e6b66a}html[data-theme="dark"] .home-wrap .post-body>.post-inline-meta{color:#aaa}@media(max-width:760px){.home-wrap .post-body h2{font-size:18px;line-height:1.5;margin:0 0 6px}.home-wrap .post-body>.post-inline-meta{gap:2px 5px;margin-top:7px}.home-wrap .post-body h2>.post-new,.home-wrap .post-body h2>.pin{margin-right:4px;line-height:20px;vertical-align:1px}}

.home-wrap .post-card{align-items:stretch}.home-wrap .post-card>.post-body{display:flex;flex-direction:column;align-self:stretch;min-height:118px}.home-wrap .post-body>.post-inline-meta{margin-top:auto;padding-top:10px}@media(max-width:760px){.home-wrap .post-card>.post-body{min-height:88px}.home-wrap .post-body>.post-inline-meta{margin-top:auto;padding-top:7px}}

.home-wrap .post-entry::after{content:none}.home-wrap .post-card-hitarea{position:absolute;inset:0;z-index:1;border-radius:inherit}.home-wrap .post-body h2>.post-entry{position:relative;z-index:2;color:inherit;text-decoration:none;transition:color .3s ease-in-out}.home-wrap .post-body h2>.post-entry:hover{color:#409eff}.home-wrap .post-body h2>.post-entry:focus-visible{color:#409eff}

.home-wrap .post-cover>.post-cover-date{position:absolute;right:7px;top:7px;z-index:2;display:block;max-width:calc(100% - 14px);padding:3px 10px;border-radius:20px;background:#409eff;color:#fff;font-size:12px;line-height:20px;font-weight:400;white-space:nowrap;opacity:0;transform:translateX(calc(100% + 9px));transition:transform .3s ease,opacity .3s ease;pointer-events:none}.home-wrap .post-card:hover .post-cover-date,.home-wrap .post-card:focus-within .post-cover-date{opacity:1;transform:translateX(0)}@media(max-width:760px){.home-wrap .post-cover>.post-cover-date{right:4px;top:5px;max-width:calc(100% - 8px);padding:2px 5px;font-size:11px;line-height:18px}}@media(hover:none){.home-wrap .post-cover>.post-cover-date{opacity:1;transform:translateX(0)}}

.home-wrap .post-cover>.post-cover-date{padding:1px 7px;font-size:11px;line-height:18px;right:6px;top:6px}@media(max-width:760px){.home-wrap .post-cover>.post-cover-date{padding:1px 4px;font-size:10px;line-height:16px;right:4px;top:4px}}

@media(max-width:760px){.home-wrap .post-body h2{font-size:12px}.home-wrap .post-body>p,.home-wrap .post-body>.post-inline-meta>.post-category,.home-wrap .post-body>.post-inline-meta>.post-category-divider{display:none}}

@media(max-width:760px){.topbar .mobile-menu-toggle,.topbar .mobile-menu-toggle:hover,html[data-theme="dark"] .topbar .mobile-menu-toggle,html[data-theme="dark"] .topbar .mobile-menu-toggle:hover{width:34px;height:34px;padding:5px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#606266}.topbar .mobile-menu-toggle>.svg-icon{width:24px;height:24px}.drawer-heading>#mobile-menu-close,.drawer-heading>#mobile-menu-close:hover,html[data-theme="dark"] .drawer-heading>#mobile-menu-close,html[data-theme="dark"] .drawer-heading>#mobile-menu-close:hover{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:5px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#606266}.drawer-heading>#mobile-menu-close>.svg-icon{width:23px;height:23px}html[data-theme="dark"] .topbar .mobile-menu-toggle,html[data-theme="dark"] .topbar .mobile-menu-toggle:hover,html[data-theme="dark"] .drawer-heading>#mobile-menu-close,html[data-theme="dark"] .drawer-heading>#mobile-menu-close:hover{color:#cfd3dc}}

@media(max-width:760px){.topbar .nav-inner>.nav-search,.topbar .mobile-menu-toggle,.topbar .mobile-menu-toggle:hover,html[data-theme="dark"] .topbar .mobile-menu-toggle,html[data-theme="dark"] .topbar .mobile-menu-toggle:hover{box-sizing:border-box;height:36px;min-height:36px;max-height:36px;align-self:center}.topbar .mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:36px;padding:6px}.topbar .mobile-menu-toggle>.svg-icon{width:23px;height:23px;stroke-width:1.8}}

@media(hover:none){.home-wrap .post-cover>.post-cover-date,.home-wrap .post-card:hover .post-cover-date,.home-wrap .post-card:focus-within .post-cover-date{opacity:0;transform:translateX(calc(100% + 9px))}.home-wrap .post-card.show-cover-date .post-cover-date{opacity:1;transform:translateX(0)}}

@media(max-width:760px){.topbar .mobile-menu-toggle,.topbar .mobile-menu-toggle:hover,html[data-theme="dark"] .topbar .mobile-menu-toggle,html[data-theme="dark"] .topbar .mobile-menu-toggle:hover{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;max-height:36px;padding:0;line-height:1}.topbar .mobile-menu-toggle>.svg-icon{display:block;width:32px;height:32px;margin:0;vertical-align:initial;stroke-width:1.6}}

@media(max-width:760px){.topbar .mobile-menu-toggle>.svg-icon{width:26px;height:26px;stroke-width:1.8}}
@media(max-width:760px){.mobile-menu>.drawer-heading{box-sizing:border-box;height:var(--header-height);min-height:var(--header-height);flex:0 0 var(--header-height);padding:0 20px;align-items:center}.mobile-menu>.drawer-heading>h2{margin:0}}
.popular.popular-article>span.popular-thumbnail:not(:has(img)){background:#f2f6fc;color:#a8b6c8}.popular-thumbnail:not(:has(img))>.svg-icon{width:38px;height:38px;stroke-width:1.3}html[data-theme="dark"] .popular.popular-article>span.popular-thumbnail:not(:has(img)){background:#29313d;color:#758398}
@media(max-width:760px){.home-wrap .post-cover{height:auto;aspect-ratio:156 / 118;align-self:start}.home-wrap .post-card>.post-body{min-height:calc(88px * 118 / 156)}}
.email-binding-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 20px;max-width:none;width:100%;align-items:end}.email-binding-form>label{min-width:0;margin:0}.email-binding-form>label:nth-of-type(1){grid-column:1;grid-row:1}.email-binding-form>label:nth-of-type(2){grid-column:2;grid-row:1}.email-binding-form>label:nth-of-type(3){grid-column:1;grid-row:2}.email-binding-form>button.layui-btn{grid-column:2;grid-row:2;justify-self:start;width:auto;margin:0;height:38px;line-height:38px}.email-binding-form>.email-code-feedback{grid-column:1/-1;margin:0}.email-binding-form>.email-code-feedback:empty{display:none}.email-binding-form>.settings-help{grid-column:1/-1;margin:0}.email-binding-form .captcha-row,.email-binding-form .email-code-row{min-width:0}
.email-binding-form{grid-template-columns:repeat(3,minmax(0,1fr))}.email-binding-form>label:nth-of-type(3){grid-column:3;grid-row:1}.email-binding-form>button.layui-btn{grid-column:1;grid-row:2}
footer{display:block}.footer-credits{display:flex;align-items:center;justify-content:space-between;gap:12px}.footer-friend-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:14px;font-size:12px;line-height:1.8;letter-spacing:0}.footer-friend-links>strong{font-weight:400;color:var(--ink)}.footer-friend-links>a{color:#606266;transition:color .2s ease;overflow-wrap:anywhere}.footer-friend-links>a:hover{color:#409eff}.friend-link-form{margin-bottom:20px}.friend-link-form>h2{font-size:16px;font-weight:500;margin-bottom:20px}html[data-theme="dark"] .footer-friend-links>strong{color:#e5eaf3}html[data-theme="dark"] .footer-friend-links>a{color:#cfd3dc}html[data-theme="dark"] .footer-friend-links>a:hover{color:#79bbff}
footer,footer .footer-credits{font-size:12px}
.article-zoomable{cursor:zoom-in}.article-image-viewer{box-sizing:border-box;width:calc(100vw - 40px);max-width:1200px;height:calc(100dvh - 40px);max-height:none;padding:0;margin:auto;overflow:hidden;border:0;background:transparent;color:#fff;box-shadow:none}.article-image-viewer::backdrop{background:rgba(0,0,0,.86)}.image-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 6px;font-size:13px}.image-viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;height:calc(100% - 44px);padding:12px 48px}.image-viewer-picture{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.article-image-viewer button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;cursor:pointer}.article-image-viewer button:hover{background:rgba(255,255,255,.24);color:#fff}.article-image-viewer button[hidden]{display:none}.article-image-viewer .svg-icon{width:22px;height:22px;margin:0}.image-viewer-prev,.image-viewer-next{position:absolute;top:calc(50% - 18px)}.image-viewer-prev{left:0}.image-viewer-next{right:0}@media(max-width:760px){.article-image-viewer{width:calc(100vw - 16px);height:calc(100dvh - 24px)}.image-viewer-stage{padding:8px 34px}.article-image-viewer .image-viewer-prev,.article-image-viewer .image-viewer-next{width:30px;height:36px;border-radius:5px}}
.article-image-viewer::backdrop{opacity:0;transition:opacity .18s ease}.article-image-viewer.is-visible::backdrop{opacity:1}.image-viewer-picture{transform-origin:center;will-change:transform,opacity}.image-viewer-toolbar{opacity:0;transition:opacity .15s ease}.article-image-viewer.is-visible .image-viewer-toolbar{opacity:1}
.article-content a{color:var(--accent);text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:3px}.article-content u,.article-content [style*="text-decoration:underline"]{text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:3px}.article-content strong,.article-content b{font-weight:700}.article-content h1 strong,.article-content h2 strong,.article-content h3 strong,.article-content h4 strong{font-weight:inherit}
.article-content pre{margin:0 0 .6em}.article-content .article-code-block{margin:0 0 .6em;border:1px solid #e4e7ed;border-radius:6px;background:#f4f4f4;overflow:hidden}.article-content .article-code-block>pre{margin:0;padding:14px 16px;border-radius:0;background:transparent}.article-content .article-code-block>pre code{background:transparent}.article-code-copy{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:66px;height:26px;padding:0 7px;margin:0;border:0;border-radius:4px;background:transparent;color:#606266;font-size:12px;line-height:26px;cursor:pointer}.article-code-copy:hover{color:#409eff;background:#ecf5ff}.article-code-copy .svg-icon{width:14px;height:14px;margin:0}.article-code-copy:disabled{cursor:progress}html[data-theme="dark"] .article-content .article-code-block{background:#282828;border-color:#444}html[data-theme="dark"] .article-code-copy{color:#cfd3dc}html[data-theme="dark"] .article-code-copy:hover{color:#79bbff;background:#25364b}
.article-content .article-code-block{display:flex;align-items:center;gap:8px;padding-right:10px}.article-content .article-code-block>pre{flex:1;min-width:0;padding:12px 14px}.article-content .article-code-block>.article-code-copy{flex:0 0 auto}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}