*{box-sizing:border-box}body{margin:0;background:#fff;color:#111;font-family:Arial,'Microsoft YaHei',sans-serif}.page{max-width:820px;margin:auto;padding:64px 28px 32px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#777}article{margin-top:56px}h1{font-size:clamp(36px,6vw,64px);line-height:1.2;font-weight:700;margin:0 0 18px}.meta{font-size:14px;color:#777;border-bottom:1px solid #eee;padding-bottom:24px}.meta span{margin:0 8px}.article-body{font-size:18px;line-height:2;margin-top:40px;max-width:700px}.article-body p{margin:0 0 24px}footer{margin-top:90px;padding-top:20px;border-top:1px solid #eee;font-size:13px;color:#888}.overlay{position:fixed;inset:0;background:rgba(255,255,255,.88);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .2s}.overlay.show{opacity:1;pointer-events:auto}.modal{position:relative;background:#fff;border:1px solid #ddd;padding:38px;max-width:420px;width:100%;box-shadow:0 10px 35px #ddd}.close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:26px;color:#888;cursor:pointer}.modal-kicker{font-size:12px;color:#777}.modal h2{font-size:26px;margin:16px 0 10px}.modal p{color:#666;line-height:1.7}.jump-button{display:inline-flex;justify-content:center;width:100%;background:#111;color:#fff;border:0;padding:14px;text-decoration:none;cursor:pointer;font-size:15px}.later{display:block;margin:15px auto 0;background:none;border:0;color:#777}.panel-page{min-height:100vh}.panel-wrap{max-width:760px;margin:auto;padding:45px 24px}.panel-head{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding-bottom:20px}.panel-head h1{font-size:34px;margin-top:12px}.panel-head a{color:#777}.login-card,.editor{border:1px solid #ddd;padding:32px;margin-top:55px}.login-card{max-width:420px;margin-left:auto;margin-right:auto}.login-card h1{font-size:34px}.login-card p{color:#777}input,textarea{display:block;width:100%;margin-top:8px;border:1px solid #ccc;padding:12px;background:#fff;font:15px Arial,'Microsoft YaHei',sans-serif}label{display:block;font-size:14px;margin-bottom:19px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.success,.error{padding:11px 14px;margin-top:20px}.success{background:#f0f0f0}.error{background:#fbeaea;color:#a22}@media(max-width:600px){.page{padding-top:38px}.modal{padding:30px 24px}.two{grid-template-columns:1fr}}
.admin-layout{display:flex;min-height:100vh;background:#fff}.sidebar{width:230px;border-right:1px solid #eee;padding:32px 20px;display:flex;flex-direction:column}.brand{font-size:19px;font-weight:700;padding:0 12px 36px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a,.logout{padding:12px;color:#777;text-decoration:none;border-radius:6px;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#f4f4f4;color:#111}.logout{margin-top:auto}.admin-main{max-width:900px;width:100%;padding:44px 48px}.preview-link{color:#777;text-decoration:none}.card-section{border:1px solid #e5e5e5;padding:28px;margin-top:24px}.section-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:24px}.section-head h2{font-size:22px;margin:0 0 8px}.section-head p{margin:0;color:#888;font-size:14px}.small-button{border:1px solid #ccc;padding:9px 14px;color:#333;text-decoration:none;font-size:13px}.article-row{display:flex;align-items:center;gap:14px;border-top:1px solid #eee;padding-top:18px}.article-dot{width:8px;height:8px;border-radius:50%;background:#111}.article-info{display:flex;flex-direction:column;gap:5px;flex:1}.article-info span,.article-row>a,.hint{font-size:13px;color:#888}.article-row>a{color:#333}.card-section .editor{border:0;padding:0;margin:0}.card-section .jump-button{width:auto;padding:13px 24px}@media(max-width:760px){.sidebar{width:170px;padding:24px 10px}.admin-main{padding:30px 20px}.brand{font-size:16px}.panel-head h1{font-size:28px}}
/* refined admin layout */
.admin-layout{background:#f8f9fa}.sidebar{background:#fff;width:220px;padding:28px 16px;border-right:1px solid #e7e8ea}.brand{font-size:18px;padding:4px 12px 38px}.sidebar nav a{border-radius:8px;color:#667085;margin:2px 0}.sidebar nav a.active{background:#111;color:#fff}.admin-main{max-width:1100px;padding:38px 52px}.panel-head{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:22px 26px;align-items:center}.panel-head h1{font-size:30px;margin:8px 0 0}.card-section{display:none;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:30px;margin-top:20px}.card-section.active{display:block}.section-head{border-bottom:1px solid #edf0f2;padding-bottom:20px}.section-head h2{font-size:21px}.article-row{padding:20px 0 4px;border-top:0}.article-dot{background:#111}.editor{background:transparent}.card-section .editor{padding-top:2px}.card-section label{color:#344054}.card-section input,.card-section textarea{border-color:#d0d5dd;border-radius:6px}.small-button{border-radius:6px;background:#111;color:#fff;border-color:#111}.preview-link{font-size:14px;color:#344054}.success{background:#ecfdf3;border:1px solid #abefc6;color:#067647;border-radius:6px}.logout{font-size:13px}
.views-stat{display:flex;align-items:end;gap:8px}.views-stat strong{font-size:28px}.views-stat span{font-size:13px;color:#888;padding-bottom:4px}
.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:22px 24px;display:flex;flex-direction:column;gap:12px}.stat-card span{font-size:13px;color:#667085}.stat-card strong{font-size:32px;line-height:1}.quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quick-links a{border:1px solid #e5e7eb;border-radius:8px;padding:18px;color:#111;text-decoration:none;display:flex;flex-direction:column;gap:8px}.quick-links a:hover{border-color:#111}.quick-links span{font-size:13px;color:#888}.empty-state{padding:32px 0;color:#888}@media(max-width:760px){.stats-grid,.quick-links{grid-template-columns:1fr}}
.article-view-stat{display:flex;align-items:baseline;gap:8px;color:#667085}.article-view-stat span{font-size:13px}.article-view-stat strong{font-size:24px;color:#111}
.article-row-views{font-size:13px;color:#667085;white-space:nowrap}
.data-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card small{font-size:12px;color:#98a2b3}.data-date{font-size:13px;color:#667085;white-space:nowrap}@media(max-width:900px){.data-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.data-stats{grid-template-columns:1fr}.data-date{display:none}}
.random-setting{display:flex;align-items:center;gap:8px;padding:10px 0;color:#344054}.random-setting input{width:auto;margin:0}.random-setting span{font-size:13px;color:#888;margin-left:4px}@media(max-width:760px){.random-setting{align-items:flex-start;flex-wrap:wrap}.random-setting span{width:100%;margin-left:24px}}
.mode-fieldset{border:0;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2;padding:18px 0 5px;margin:0 0 20px}.mode-fieldset legend{font-size:14px;color:#344054;margin-bottom:10px}.radio-option{display:flex;align-items:center;gap:8px;color:#344054;margin-bottom:12px}.radio-option input{width:auto;margin:0}.radio-option span{font-size:13px;color:#888}.domain-library{margin-top:20px}.domain-count{font-size:13px;color:#667085}.domain-add-form{display:flex;gap:10px;margin-bottom:20px}.domain-add-form input{margin-top:0;flex:1}.domain-add-form .small-button{background:#111;color:#fff}.domain-list{border-top:1px solid #edf0f2}.domain-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid #edf0f2;padding:14px 0}.domain-row>a{flex:1;color:#344054;word-break:break-all}.domain-row form{margin:0}.danger-button{border:1px solid #f1b5b5;background:#fff;color:#b42318;border-radius:6px;padding:8px 12px;cursor:pointer}.danger-button:hover{background:#fff1f1}@media(max-width:600px){.domain-add-form{flex-direction:column}.domain-add-form .small-button{align-self:flex-start}.domain-row{align-items:flex-start}}
.ip-search{display:flex;gap:10px;align-items:center;margin-bottom:22px}.ip-search input{margin:0;flex:1}.clear-search{font-size:13px;color:#667085}.ip-table-wrap{overflow-x:auto}.ip-table{width:100%;border-collapse:collapse;font-size:13px}.ip-table th,.ip-table td{text-align:left;border-top:1px solid #edf0f2;padding:14px 10px;white-space:nowrap}.ip-table th{color:#667085;font-weight:500}.ip-table td code{font-family:Consolas,monospace;color:#344054}.ip-action{margin:0}.ip-status{display:inline-block;border-radius:999px;padding:4px 9px;font-size:12px}.ip-status.normal{background:#ecfdf3;color:#067647}.ip-status.banned{background:#fff1f1;color:#b42318}.empty-cell{text-align:center!important;color:#888;padding:30px!important}@media(max-width:600px){.ip-search{align-items:stretch;flex-wrap:wrap}.ip-search input{flex-basis:100%}}