:root{--ink:#263e35;--muted:#76847d;--green:#14846a;--dark:#173f35;--soft:#edf6f1;--line:#e5ece7;--page:#f5f8f6;--white:#fff;--danger:#b34845}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:14px/1.6 'Microsoft YaHei','PingFang SC','Noto Sans SC',sans-serif}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline:3px solid #56b69b;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;line-height:1.4;letter-spacing:-.7px;margin-bottom:10px;font-weight:650}h2{font-size:17px;margin-bottom:0;font-weight:650}h3{font-size:17px;margin-bottom:8px}small{font-size:12px}.muted,.optional{color:var(--muted)}.eyebrow{font-size:13px;color:var(--green);margin-bottom:8px}.app-shell{display:flex;min-height:100vh}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:var(--dark);color:#d8e7df;display:flex;flex-direction:column;padding:32px 20px;z-index:30}.brand{display:flex;align-items:center;gap:13px;color:inherit;font-size:23px;font-weight:650;letter-spacing:1px}.brand:hover{text-decoration:none}.brand small{display:block;letter-spacing:.3px;font-weight:400;color:#a5c6b7;font-size:11px;margin-top:1px}.brand-icon{width:40px;height:40px;display:block;color:#b9dfc9}.brand-icon svg,.mini-logo svg,.empty-icon svg,.article-mark svg{width:100%;height:100%}.sidebar-label{font-size:11px;color:#89ad9e;margin:45px 14px 12px}.nav-item{display:flex;align-items:center;gap:14px;padding:13px 15px;margin:5px 0;border-radius:7px;color:#bcd3c7}.nav-item span{font-size:21px;line-height:1;width:23px;text-align:center}.nav-item:hover{background:#234c40;text-decoration:none}.nav-item.active{background:#2e6453;color:white;box-shadow:inset 3px 0 #97d4b5}.sidebar-bottom{margin-top:auto;padding-top:35px}.status-dot{display:inline-flex;align-items:center;gap:8px;font-size:13px}.status-dot:before{content:'';width:7px;height:7px;background:#67ba8d;border-radius:50%;box-shadow:0 0 0 3px #67ba8d16}.sidebar-bottom>.status-dot{margin-left:14px;color:#a8c4b5}.profile{display:flex;color:#dfebe5;gap:12px;margin:25px 0 10px;padding:13px 10px;border-top:1px solid #386052}.profile small{display:block;color:#92b0a0}.avatar{width:36px;height:36px;border-radius:50%;background:#527663;color:#e7f4ed;display:grid;place-items:center}.logout{color:#a9c1b4;border:none;background:none;padding:4px 58px;font-size:12px}.main-shell{margin-left:230px;flex:1;min-width:0}.topbar{height:74px;padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.top-action{font-size:13px;color:var(--ink)}main{padding:38px 42px 30px;max-width:1500px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-heading p{margin-bottom:0}.button{border:1px solid transparent;padding:10px 17px;border-radius:7px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;line-height:1.6}.button:hover{text-decoration:none}.button.primary{background:var(--green);color:white}.button.primary:hover{background:#0d705a}.button.secondary{background:white;border-color:#dbe5de;color:var(--ink)}.button.secondary:hover{background:var(--soft)}.button.full{width:100%;margin-top:12px}.text-button{background:none;border:0;padding:0;color:var(--green);white-space:nowrap;font-size:13px}.danger{color:var(--danger)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:26px}.stat{padding:22px 25px;background:white;border:1px solid var(--line);border-radius:10px}.stat>span{display:block;font-size:13px;color:#586f61}.stat strong{display:block;font-size:36px;line-height:1.5;font-weight:550;color:var(--dark);font-variant-numeric:tabular-nums}.stat small{color:#8a998f}.panel{background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:24px;overflow:hidden}.panel-heading{padding:21px 25px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.panel-heading a,.panel-heading>span{font-size:12px}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:24px}.empty{text-align:center;padding:45px 25px 48px}.empty p{font-size:13px;color:var(--muted);margin-bottom:19px}.empty-icon{width:50px;height:50px;color:#94b8a3;margin:0 auto 18px}.quick-link{display:flex;gap:15px;align-items:center;padding:22px 25px;color:var(--ink);border-bottom:1px solid var(--line)}.quick-link:hover{background:#f8fbf9;text-decoration:none}.quick-link>span{font-size:26px;color:#659b80;background:var(--soft);width:42px;height:42px;display:grid;place-items:center;border-radius:8px}.quick-link div{flex:1}.quick-link strong{font-weight:500;font-size:14px}.quick-link small{display:block;color:var(--muted);margin-top:3px}.quick-link b{color:#9caea2;font-size:23px;font-weight:400}.backup-note{padding:21px 25px;background:#fafcfb}.backup-note p{font-size:12px;color:var(--muted);margin:10px 0}.backup-note a{font-size:12px}.activity ul{margin:0;list-style:none;padding:0 25px 5px}.activity li{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #f0f4f1;font-size:13px;gap:15px}.activity li:last-child{border:0}.activity time{font-size:12px;color:var(--muted)}.recent-list>a{display:flex;gap:15px;align-items:center;color:var(--ink);padding:19px 25px;border-bottom:1px solid var(--line)}.recent-list>a:hover{background:#fafcfb;text-decoration:none}.recent-list>a>div{flex:1}.recent-list strong{font-weight:500}.recent-list small{display:block;color:var(--muted);margin-top:5px}.article-mark{width:30px;height:30px;color:#8aaa97;flex-shrink:0}.badge{display:inline-block;background:#f0f3f1;border:1px solid #e9eee9;color:#708176;padding:3px 9px;border-radius:5px;font-size:11px;white-space:nowrap}.badge.published{background:#eaf6ef;border-color:#dcefe2;color:#378359}.badge.draft{background:#faf3e5;border-color:#f1e6cb;color:#a18644}.badge.archived{background:#f1f1f1;color:#89918b}.toolbar{padding:20px 25px;display:flex;justify-content:space-between;align-items:center;gap:15px}.search{display:flex;gap:10px;width:390px;max-width:100%}.search input{flex:1;min-width:0;margin:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{background:#f8faf9;color:#809087;font-size:12px;font-weight:500;padding:13px 25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:19px 25px;border-bottom:1px solid #edf1ee;font-size:13px}tbody tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);margin-top:5px}td strong{font-weight:500}.title-cell{white-space:normal;min-width:230px;max-width:420px}.title-cell a{color:var(--ink)}.row-actions{display:flex;gap:16px;align-items:center}.empty-inline{padding:34px 25px;text-align:center;color:var(--muted)}.pagination{padding:20px 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.pagination>div{display:flex;gap:8px}code{font-family:ui-monospace,Consolas,monospace;font-size:12px}.copy-button{border:none;background:#f3f7f4;color:#558a6e;padding:3px 7px;margin-left:10px;border-radius:4px;font-size:11px}.invite-create{display:flex;justify-content:space-between;gap:25px;padding:25px;align-items:center}.invite-create p{font-size:12px;margin:7px 0 0}.inline-form{display:flex;gap:15px;align-items:end}.inline-form label{margin:0;font-size:12px}.inline-form input{width:115px}label{display:block;margin:20px 0;color:#54695c;font-size:13px}input,select,textarea{display:block;width:100%;border:1px solid #dae4dc;background:#fff;border-radius:6px;padding:11px 12px;color:var(--ink);margin-top:7px;transition:border-color .12s}input::placeholder,textarea::placeholder{color:#abb6ae;font-size:12px}input:hover,textarea:hover,select:hover{border-color:#aac7b4}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #14846a0c}textarea{resize:vertical;line-height:1.8}.form-panel{padding:25px}.form-panel>h2{padding-bottom:5px}.form-panel .optional{font-size:11px;margin-left:6px}.editor-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:25px}.editor-grid textarea[name=body]{font-family:Georgia,'Times New Roman',serif;font-size:17px}.field-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:-10px}.editor-tip{padding:0 12px;color:var(--muted);font-size:12px}.editor-tip strong{font-weight:500;color:#61776a}.editor-tip p{margin-top:8px}.catalog-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:25px}.catalog-row{display:flex;align-items:center;padding:18px 25px;gap:10px;border-bottom:1px solid var(--line)}.catalog-row input{margin:0;min-width:0}.catalog-row input[name=name]{max-width:170px}.catalog-row button{margin-left:5px}.service-strip{display:flex;align-items:center;justify-content:space-between;padding:26px;gap:20px}.service-strip small{display:block;color:var(--muted);margin-top:7px}.service-strip strong{font-weight:500}.helper{color:var(--muted);font-size:12px}.narrow{max-width:560px}.notice{padding:13px 17px;background:#e9f4ed;border:1px solid #d9ebdf;border-radius:7px;color:#477b5c;margin-bottom:25px;font-size:13px}footer{max-width:1500px;margin:auto;padding:0 42px 25px;display:flex;justify-content:space-between;color:#99a69e;font-size:11px;gap:15px}.menu-button{display:none}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#203f32;color:white;padding:12px 24px;border-radius:8px;z-index:70;box-shadow:0 6px 25px #0002}dialog{border:none;border-radius:13px;max-width:760px;width:calc(100% - 40px);padding:30px;color:var(--ink)}dialog::backdrop{background:#193d3277}.preview-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;color:var(--muted);font-size:12px;margin-bottom:25px}.preview-header button{background:none;border:none;color:var(--ink);font-size:18px}.reading-preview{font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.8}.reading-preview p{white-space:pre-wrap}.login-page{min-height:100vh;display:grid;place-items:center;padding:35px;background:#edf3ee}.login-frame{padding:0;margin:0;display:grid;grid-template-columns:1.1fr 1fr;max-width:940px;width:100%;min-height:560px;border:1px solid #d8e5dc;border-radius:16px;overflow:hidden;box-shadow:0 16px 70px #244f3710}.login-story{display:flex;flex-direction:column;justify-content:space-between;background:var(--dark);color:#eef5ef;padding:40px 45px}.login-story .brand{font-size:22px}.login-story h1{font-size:33px;line-height:1.55;font-weight:500;letter-spacing:1px;margin:24px 0 20px}.login-story p{font-size:14px;line-height:1.9;color:#a8c4b5}.story-line{display:block;background:#8ebe9e;width:45px;height:3px}.login-note{color:#8cac99;font-size:12px}.login-form{padding:65px 50px;background:white;display:flex;flex-direction:column;justify-content:center}.login-form h2{font-size:25px;margin-bottom:7px}.login-form>.muted{font-size:12px;margin-bottom:12px}.mini-logo{width:35px;height:35px;color:var(--green);margin-bottom:22px}.login-form label{margin:21px 0}.login-help{font-size:11px;color:#96a49a;line-height:1.8;margin:25px 0 0}.login-form .notice{margin:10px 0;font-size:12px}
@media(min-width:1550px){main{padding-top:50px}.page-heading{margin-bottom:35px}.stat{padding:26px}.dashboard-grid{grid-template-columns:1.8fr 1fr}}
@media(max-width:1100px){.sidebar{width:200px;padding:27px 15px}.main-shell{margin-left:200px}main{padding:30px 25px}.topbar{padding:0 25px}.stats{gap:12px}.stat{padding:18px}.dashboard-grid{grid-template-columns:1fr}.invite-create{align-items:start;flex-direction:column}.editor-grid{grid-template-columns:minmax(0,1.6fr) 270px}.catalog-grid{grid-template-columns:1fr}.catalog-row{flex-wrap:wrap}.catalog-row input[name=url]{flex:1}th,td{padding-left:20px;padding-right:20px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .18s;width:230px;box-shadow:10px 0 40px #0002}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0}.topbar{height:65px;padding:0 18px;gap:12px}.topbar>span{margin-right:auto}.menu-button{display:block;border:0;background:#eef5f0;color:var(--dark);padding:6px 10px;border-radius:5px;font-size:19px;z-index:40}.page-heading{align-items:start;gap:12px}.page-heading>.button{padding:9px 12px;font-size:12px}h1{font-size:23px}.page-heading .muted{font-size:12px;max-width:380px}main{padding:26px 18px}.stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat strong{font-size:31px}.panel-heading,.toolbar{padding:18px}.toolbar{flex-direction:column;align-items:start}.search{width:100%}.invite-create{padding:20px}.inline-form{flex-wrap:wrap;width:100%;gap:12px}.inline-form label{flex:1}.inline-form input{width:100%;min-width:80px}.inline-form>.button{width:100%}.editor-grid{grid-template-columns:1fr}.catalog-row{padding:16px;gap:10px}.catalog-row input[name=name]{max-width:none;flex:1}.catalog-row input[name=url]{flex-basis:70%}.service-strip{flex-direction:column;align-items:start;padding:23px}.service-strip form,.service-strip button{width:100%}footer{padding:0 18px 25px;flex-direction:column;gap:3px}.activity li{font-size:12px}.activity time{font-size:10px}.login-page{padding:22px}.login-frame{grid-template-columns:1fr;max-width:440px;min-height:0}.login-story{padding:25px 30px}.login-story>div:not(.login-note){display:none}.login-note{margin-top:16px;font-size:10px}.login-form{padding:35px 30px}.login-form .mini-logo{display:none}.login-form h2{font-size:23px}.reading-preview{font-size:18px}.panel{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}