:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:#503d44;background:#faf6f3;font-size:14px;font-synthesis:none;--rose:#ab687f;--border:#ead8df}*{box-sizing:border-box}body{margin:0}a{color:var(--rose);text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}input,textarea,select{border:1px solid var(--border);background:#fffdfb;padding:11px 13px;border-radius:10px;color:#59434b;outline:none;width:100%;transition:.2s}input:focus,textarea:focus,select:focus{border-color:#b97d92;box-shadow:0 0 0 3px #f1e0e7}textarea{resize:vertical}label{display:block;font-weight:500;line-height:1.8}label>input,label>textarea,label>select{margin-top:7px}h1,h2{font-family:'Songti SC','SimSun',serif}h1{font-size:30px;margin:9px 0 12px;color:#704852}h2{font-size:21px;margin:4px 0 20px}p{line-height:1.9}.sidebar{position:fixed;inset:0 auto 0 0;width:225px;background:linear-gradient(170deg,#fffaf6,#f4e4e9);border-right:1px solid var(--border);padding:37px 24px;display:flex;flex-direction:column}.brand{font-family:'Songti SC',serif;font-size:35px;color:#805066;letter-spacing:5px}.brand span{font:9px/2.8 sans-serif;display:block;letter-spacing:3px;color:#b08393}.brand-note{font-size:11px;color:#a4828f;margin:17px 0 38px}nav{display:flex;flex-direction:column;gap:12px}nav a{padding:14px 18px;border-radius:10px;color:#967380}nav a.active{background:#e9ccd7;color:#844e64;font-weight:600}.sidebar-bottom{margin-top:auto;font-size:10px;color:#ad8f9d;line-height:2}.text-button{border:0;background:none;color:var(--rose);padding:0;font-size:13px}.sidebar-bottom .text-button{margin-top:15px}.main{margin-left:225px;padding:0 42px 45px;max-width:1800px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-size:12px;color:#ad8e9a}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:34px 0 24px;gap:20px}.eyebrow{font-size:10px;letter-spacing:3px;color:#b18b9a}.muted{color:#a38a95}.small{font-size:12px;line-height:1.8}.rose{color:var(--rose)}.primary,.secondary{display:inline-block;text-align:center;padding:12px 21px;border-radius:11px;border:1px solid transparent;white-space:nowrap}.primary{background:linear-gradient(120deg,#ba7f92,#a5657d);color:#fff}.secondary{background:#fff9f6;border-color:#dcb8c8;color:#9a647a}.full{width:100%}.panel{background:#fffdfa;border:1px solid var(--border);border-radius:16px;padding:25px;margin-bottom:24px;box-shadow:0 8px 28px #80506304}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px}.panel-heading h2{margin-bottom:10px}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin:6px 0 30px}.stat-card{background:linear-gradient(130deg,#fffdfa,#faeef0);border:1px solid var(--border);padding:23px;border-radius:14px;display:flex;flex-direction:column;gap:17px;color:#a58692}.stat-card strong{font-family:Georgia,serif;font-size:34px;color:#8e5d71;font-weight:500}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{font-weight:500;color:#ad929d;padding:15px 10px;background:#faf2f2;border-bottom:1px solid var(--border)}td{padding:21px 10px;border-bottom:1px solid #f1e5e8;vertical-align:middle}.table-wrap{overflow-x:auto}.setting-title{font-size:16px;font-family:'Songti SC',serif;font-weight:600;color:#714859;display:block;margin-bottom:7px}.tag{display:inline-block;background:#f3dfe7;color:#9b647b;border-radius:6px;padding:4px 9px;font-size:11px;margin:3px}.tag.light{background:#f9f0f1;color:#b18c9b}.status{display:inline-block;font-size:11px;padding:5px 9px;border-radius:6px;background:#f2e9dc;color:#a18b6a}.status.published{background:#e7eee4;color:#728b6b}.status.offline{background:#eee8eb;color:#a18c95}.table-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.table-actions form{display:inline}.numbers{color:#aa8695;font-variant-numeric:tabular-nums}.filters{display:flex;gap:13px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.filters input{max-width:320px}.filters select{max-width:150px}.filters>span{margin-left:auto}.notice{padding:14px 20px;background:#eaf0e5;border:1px solid #dce5d6;border-radius:10px;color:#74866c;margin:22px 0;line-height:1.8}.notice.error{background:#fbe9ea;border-color:#f0cbd1;color:#a55f70}.pagination{display:flex;gap:30px;align-items:center;justify-content:center;padding:24px 0 0;color:#ae91a0}.editor-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:start}.editor-fields>label{margin-bottom:23px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:23px}.required{color:#bb7892}.upload-zone{padding:18px;border:1px dashed #d9b8c7;border-radius:12px;margin:20px 0;background:#fdf5f4}.upload-zone input{font-size:12px;padding:8px;background:#fff}.editor-actions{display:flex;gap:14px;justify-content:flex-end;margin-top:24px}.preview-panel{position:sticky;top:22px}pre{font-family:'Songti SC','SimSun',serif;white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:2.1;max-height:640px;overflow-y:auto;color:#755761;padding:15px 5px}.cover-preview{width:100%;max-height:220px;object-fit:cover;border-radius:12px}.footnote{font-size:11px;color:#b49aa6;line-height:1.9}.inline-form{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.inline-form>input{max-width:300px}.inline-form>label{max-width:200px}.category-form{display:grid;grid-template-columns:2fr 1fr 90px 110px;align-items:center;gap:18px;margin-bottom:15px;max-width:850px}.checkbox{display:flex;align-items:center;gap:8px;white-space:nowrap}.checkbox input{width:auto;margin:0}.new-category{border-top:1px solid var(--border);padding-top:20px;margin-top:22px}.tag-cloud{padding:0 0 25px}.tag-cloud .tag{padding:7px 14px;margin:5px}.empty{text-align:center;padding:55px;color:#ac8b99}.mono{font-family:monospace}.error-panel{margin-top:70px;padding:50px}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:130px;background:radial-gradient(ellipse at 30% 20%,#f2dfe5,transparent 70%),#fcf6f2;padding:40px}.login-intro{color:#966277}.login-intro h1{font-size:60px;letter-spacing:12px}.login-intro p{font-family:'Songti SC',serif;font-size:23px;letter-spacing:4px}.login-intro small{line-height:2.3;color:#b28e9e}.letter-art{font-size:100px;color:#caa0b1}.login-card{width:400px;background:#fffaf8;border:1px solid #e4c9d5;padding:40px;border-radius:23px;box-shadow:0 20px 80px #9d6c8110}.login-card h2{font-size:28px;margin:15px 0 0}.login-card label{margin:23px 0}.login-card small{display:block;margin-top:20px;font-size:11px}.feature-panel{max-width:800px}@media(max-width:1100px){.main{padding:0 22px 30px}.sidebar{width:180px;padding:25px 18px}.main{margin-left:180px}.stat-grid{grid-template-columns:repeat(3,1fr)}.editor-grid{grid-template-columns:1fr}.preview-panel{position:static}.login-body{gap:55px}.login-intro h1{font-size:45px}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:18px}.brand{font-size:25px}.brand span,.brand-note,.sidebar-bottom{display:none}nav{flex-direction:row;gap:3px;flex-wrap:wrap;margin-top:15px}nav a{padding:9px}.main{margin:0;padding:0 15px}.topbar span:last-child{display:none}.stat-grid{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}h1{font-size:24px}.panel{padding:17px}.category-form{grid-template-columns:1.5fr .7fr 65px 75px;gap:6px}.category-form button{padding:10px 5px}.login-intro{display:none}.login-body{padding:22px}.login-card{width:100%;max-width:420px}.two-col{grid-template-columns:1fr}}

.home-blocks{display:grid;grid-template-columns:1fr 1fr;gap:24px}.home-blocks .panel{margin-bottom:0}.home-blocks{margin-bottom:24px}.home-controls{display:flex;gap:25px;margin:15px 0 22px}.home-order{width:86px}.home-table .checkbox{font-weight:400}.home-table td{min-width:90px}.home-table td:first-child{min-width:180px}.home-table .checkbox input{width:16px;height:16px}.home-table .editor-actions{align-items:center}@media(max-width:900px){.home-blocks{grid-template-columns:1fr}}

.preview-controls{display:flex;align-items:end;gap:24px;flex-wrap:wrap}.preview-controls>label{margin:0;min-width:130px}.preview-controls>label:first-of-type{flex:1;min-width:230px}.preview-tabs{display:flex;gap:8px;flex-wrap:wrap}.preview-tabs .selected{background:#ab7086;border-color:#ab7086;color:#fff}.preview-workspace{display:grid;grid-template-columns:minmax(430px,1fr) 260px;gap:42px;align-items:start;padding:18px 0 35px}.preview-device{--preview-width:390px;width:calc(var(--preview-width) + 24px);padding:12px;background:#563d47;border-radius:40px;box-shadow:0 16px 45px #8b607d26;justify-self:center}.preview-device-top{display:flex;justify-content:space-between;color:#fff1f5;font-size:11px;padding:8px 14px 17px}.preview-device iframe{display:block;width:100%;height:780px;border:0;border-radius:20px;background:#fcf4f2}.preview-help{line-height:1.95;color:#987a88;padding-top:35px}.preview-help h2{color:#835c70}.preview-help p{font-size:14px;margin-bottom:24px}.preview-help .secondary{display:inline-block}.editor-client-frame{display:block;width:100%;max-width:390px;height:650px;margin:18px auto;border:9px solid #60434f;border-radius:26px;background:#fffaf6}.raw-preview{margin:18px 0;color:#987383}.raw-preview summary{cursor:pointer;font-size:13px}@media(max-width:1050px){.preview-workspace{grid-template-columns:1fr;overflow-x:auto}.preview-help{max-width:600px;padding-top:0;justify-self:center}.preview-controls{gap:16px}} 

.preview-reading-context{flex-basis:100%;margin:0;color:#997383;font-size:13px;line-height:1.8}.preview-reader-empty{height:780px;background:#fcf4f2;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px;color:#8b6075;line-height:1.9}.preview-reader-empty p{font-size:14px;margin:20px 0 30px}.preview-reader-empty[hidden],.preview-device iframe[hidden]{display:none}

.upload-guidance{margin-top:18px;padding-top:16px;border-top:1px solid #ead8df;color:#8a6978;font-size:13px;line-height:1.9}.upload-guidance-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.upload-guidance ul{margin:10px 0;padding-left:20px}.upload-guidance li{margin:8px 0}.upload-guidance strong{color:#80566a}.upload-guidance summary{cursor:pointer;color:#a4657e;margin-top:12px}.upload-guidance p{margin:10px 0}.upload-guidance .format-example{max-height:340px;margin:14px 0;padding:16px;background:#fffaf8;border:1px solid #efdee3;border-radius:10px;font-size:13px;line-height:1.9}.upload-guidance .text-button{font-size:13px;white-space:nowrap}
