:root{--teal:#298596;--teal-dark:#216d7b;--ink:#3f4549;--muted:#767d80;--line:#e5e8ea;--bg:#fff;--soft:#f7fafb;--shadow:0 8px 24px rgba(34,54,60,.08);}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.topbar{height:108px;background:var(--teal);color:#fff;display:flex;align-items:center;box-shadow:0 2px 0 rgba(0,0,0,.04)}.top-inner{width:min(1200px,calc(100% - 48px));margin:auto;position:relative}.brand{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:700}.brand-mark{width:24px;height:24px;border-radius:50%;background:#fff2;display:grid;place-items:center;color:#ffe34d;font-size:18px}.top-menu{display:flex;gap:28px;margin-top:20px;flex-wrap:wrap}.top-menu a{color:#dff4f8;font-size:14px}.top-menu a.active,.top-menu a:hover{color:#fff}.search{position:absolute;right:0;top:6px;width:280px}.search input{width:100%;height:36px;border:0;border-radius:2px;background:#1f6f7e;color:#fff;padding:0 14px 0 42px;font-size:16px}.search span{position:absolute;left:14px;top:3px;font-size:24px;color:#fff}.layout{width:min(1200px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:240px minmax(0,1fr) 220px;gap:50px;padding:32px 0}.sidebar h4,.toc h4{font-size:14px;margin:18px 0 10px;color:#6e7477}.sidebar a{display:block;padding:3px 0;color:#3e4548;font-size:14px}.sidebar a:hover,.sidebar a.active{color:var(--teal);text-decoration:none}.content{min-width:0}.page-title{font-size:35px;line-height:1.15;color:#6a6e70;margin:10px 0 40px;font-weight:700}.small-kicker{font-size:12px;color:#9a9fa1;text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.article-list{display:grid;gap:0}.article-card{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}.article-card:last-child{border-bottom:0}.article-card h2{font-size:25px;margin:0 0 6px}.article-card h2 a{color:#333}.article-card p{margin:0 0 10px;color:#5c6367}.meta{font-size:12px;color:#9aa0a2}.article-thumb{width:100%;max-height:240px;object-fit:cover;margin:10px 0 18px;border-radius:4px}.toc{font-size:13px}.toc a{display:block;color:#555;margin-bottom:8px}.toc .box{border-left:3px solid var(--teal);padding-left:14px}.hero-empty{padding:46px;border:1px dashed #ccd5d8;background:var(--soft);text-align:center;color:#70787c}.article-header{margin-bottom:30px}.article-header h1{font-size:38px;line-height:1.18;margin:0 0 14px;color:#4f5558}.article-header .summary{font-size:18px;color:#697276}.article-content{font-size:17px;line-height:1.8;color:#40474b}.article-content h2{font-size:26px;margin-top:34px;color:#333}.article-content h3{font-size:21px;margin-top:28px}.article-content img{max-width:100%;height:auto;border-radius:4px}.article-content blockquote{margin:24px 0;padding:14px 20px;border-left:4px solid var(--teal);background:var(--soft);color:#667075}.article-content pre{padding:16px;overflow:auto;background:#222;color:#eee;border-radius:4px}.article-content code{background:#f1f4f5;padding:1px 4px;border-radius:3px}.article-content table{border-collapse:collapse;width:100%}.article-content td,.article-content th{border:1px solid var(--line);padding:8px}.footer{border-top:1px solid var(--line);padding:28px 0;color:#8a9194;font-size:12px}.admin-shell{min-height:100vh;background:#f6f9fa}.admin-top{height:74px;background:var(--teal);color:#fff;display:flex;align-items:center}.admin-top .top-inner{display:flex;justify-content:space-between;align-items:center}.admin-top a{color:#fff}.admin-layout{width:min(1180px,calc(100% - 40px));margin:auto;padding:28px 0 50px}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}.panel-head{padding:18px 20px;border-bottom:1px solid var(--line);font-weight:700}.panel-body{padding:20px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:var(--teal);color:#fff;padding:10px 15px;font-size:14px;cursor:pointer}.button:hover{background:var(--teal-dark);text-decoration:none}.button.secondary{background:#eef3f4;color:#4a5559}.button.danger{background:#a64040}.button.small{padding:7px 10px;font-size:12px}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:700;color:#5d666a;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid #cfd7da;border-radius:4px;padding:10px;font:inherit;background:#fff}.field textarea{min-height:110px;resize:vertical}.editor{border:1px solid #cfd7da;border-radius:4px;overflow:hidden;background:#fff}.toolbar{display:flex;gap:4px;flex-wrap:wrap;padding:8px;border-bottom:1px solid #dfe5e7;background:#f7f9fa}.toolbar button{border:1px solid #d7dfe1;background:#fff;border-radius:3px;padding:6px 8px;cursor:pointer}.editor-area{min-height:420px;padding:16px;outline:none}.editor-area:empty:before{content:attr(data-placeholder);color:#a4abad}.two-col{display:grid;grid-template-columns:1fr 250px;gap:20px}.article-row{display:grid;grid-template-columns:1fr auto;gap:14px;padding:15px 18px;border-bottom:1px solid var(--line);align-items:center}.article-row:last-child{border-bottom:0}.handle{cursor:grab;color:#9ea6a9;font-size:18px}.article-number{display:inline-block;margin-right:6px;padding:2px 7px;border-radius:3px;background:#edf3f4;color:#3f757e;font-size:12px;font-weight:700;vertical-align:middle}.row-title{font-weight:700;color:#333}.row-meta{font-size:12px;color:#92999c}.row-actions{display:flex;gap:6px;align-items:center}.flash{padding:12px 14px;border-radius:4px;background:#ecf7ef;color:#2e6b3d;margin-bottom:18px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:#eef4f5}.login-card{width:min(420px,calc(100% - 32px));background:#fff;border:1px solid #dfe6e8;border-radius:7px;box-shadow:var(--shadow);padding:28px}.login-card h1{margin:0 0 5px;font-size:27px;color:#4c5356}.muted{color:#858e92}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{padding:16px;background:var(--soft);border:1px solid #e3e9eb;border-radius:5px}.stat strong{font-size:28px;color:#333;display:block}.notice{padding:12px;background:#fff8e8;border-left:3px solid #d5a63a;color:#6c5b36;margin-bottom:18px;font-size:13px}.dropzone{border:1px dashed #bfcacd;padding:14px;border-radius:4px;text-align:center;background:#fafcfc}.dropzone img{max-width:100%;max-height:180px;margin-top:10px}.mobile-only{display:none}
@media(max-width:1050px){.layout{grid-template-columns:190px minmax(0,1fr);gap:34px}.toc{display:none}.search{width:240px}.dashboard-grid,.two-col{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.topbar{height:auto;padding:15px 0}.top-inner{width:min(100% - 28px,1200px)}.search{position:relative;top:auto;right:auto;width:100%;margin-top:15px}.top-menu{gap:15px;margin-top:14px}.layout{display:block;width:min(100% - 28px,1200px);padding:20px 0}.sidebar{display:none}.page-title{font-size:30px;margin:8px 0 28px}.article-header h1{font-size:31px}.stats{grid-template-columns:1fr}.admin-layout{width:min(100% - 24px,1180px)}.article-row{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.mobile-only{display:block}}