:root{--background:#f4f6f8;--surface:#fff;--surface-soft:#eef2f5;--foreground:#17202a;--muted:#647184;--line:#d8dee6;--primary:#1f3a5f;--primary-strong:#14263f;--accent:#1f8f5f;--danger:#bf3b3b;--warning:#9b6b14;--radius:8px}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.auth-page{align-content:center;place-items:center;gap:18px;min-height:100vh;padding:32px 16px;display:grid}.site-footer{color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:13px;line-height:1.6;display:flex}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--accent);text-decoration:underline}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:min(440px,100%);padding:28px;box-shadow:0 18px 45px #17202a14}.auth-card-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.auth-title{margin-bottom:8px;font-size:28px;line-height:1.2}.auth-subtitle,.muted{color:var(--muted)}.auth-inline-form{gap:14px}.auth-inline-field{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:14px;display:grid}.auth-inline-label{align-items:center;min-height:42px;font-size:14px;font-weight:650;display:flex}.auth-inline-control{gap:7px;min-width:0;display:grid}.app-frame{grid-template-rows:minmax(0,1fr);grid-template-columns:260px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.app-sidebar{overscroll-behavior:contain;color:#f8fafc;background:#17202a;flex-direction:column;gap:24px;height:100%;min-height:0;padding:24px 16px;display:flex;overflow-y:auto}.app-brand{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand-mark{border-radius:var(--radius);background:#2f8f6b;place-items:center;width:34px;height:34px;display:grid}.user-block{border-radius:var(--radius);background:#ffffff0f;border:1px solid #ffffff24;padding:12px}.user-name{margin-bottom:4px;font-weight:700}.user-meta{color:#b7c2cf;font-size:13px;line-height:1.5}.nav-section{gap:6px;display:grid}.nav-label{color:#91a1b4;margin:8px 8px 4px;font-size:12px}.nav-item,.nav-form button{border-radius:var(--radius);color:#e9eef5;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.nav-item:hover,.nav-form button:hover{background:#ffffff1c}.nav-text{min-width:0}.nav-dot{background:#ef4444;border-radius:999px;width:8px;height:8px;margin-left:auto;box-shadow:0 0 0 3px #ef44442e}.app-main{min-width:0;height:100%;min-height:0;padding:28px;overflow:hidden auto}.page-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.page-title{margin-bottom:6px;font-size:28px;line-height:1.25}.page-subtitle{color:var(--muted);line-height:1.6}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.panel-pad{padding:20px}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.panel-title{font-size:18px;font-weight:700}.stack{gap:16px;display:grid}.stack-tight{gap:10px;display:grid}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.stat-value{margin-top:8px;font-size:28px;font-weight:800}.settlement-stat-hint{margin-top:6px}.settlement-reminder{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted);padding:14px 16px;line-height:1.6}.settlement-reminder-warning{color:#80550e;background:#fff4d9;border-color:#f1d27a;font-weight:700}.settlement-paid-text{color:#176f4a;font-weight:700}.form{gap:16px;display:grid}.field{gap:7px;display:grid}.field-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.field label,.label{font-size:14px;font-weight:650}.input,.textarea,.select{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--foreground);background:#fff;min-height:42px;padding:10px 12px}.textarea{resize:vertical;min-height:160px;line-height:1.6}.content-textarea{min-height:420px}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);outline:2px solid #1f8f5f38}.form-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.password-input{display:block;position:relative}.password-input .input{padding-right:44px}.password-input-toggle{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-input-toggle:hover{background:var(--surface-soft);color:var(--foreground)}.password-input-toggle:focus-visible{outline-offset:1px;outline:2px solid #1f8f5f59}.button{border-radius:var(--radius);background:var(--primary);color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 14px;font-weight:700;display:inline-flex}.button:hover{background:var(--primary-strong)}.button-secondary{color:var(--foreground);border-color:var(--line);background:#fff}.button-secondary:hover{background:var(--surface-soft)}.button-danger{background:var(--danger);color:#fff}.button-danger:hover{background:#9f2f2f}.button-disabled,.button-disabled:hover{pointer-events:none;opacity:.5}.button-accent{background:var(--accent)}.button-accent:hover{background:#176f4a}.button-small{min-height:34px;padding:7px 10px;font-size:14px}.content-import{white-space:nowrap}.link{color:var(--primary);font-weight:700}.sort-link{color:inherit;cursor:pointer;align-items:center;gap:4px;font-weight:700;display:inline-flex}.sort-link:hover{color:var(--primary)}.notice{border-radius:var(--radius);border:1px solid;margin-bottom:16px;padding:12px 14px}.notice-floating{z-index:1000;width:min(720px,100vw - 32px);margin-bottom:0;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #17202a29}.notice-success{color:#176f4a;background:#e9f7ef;border-color:#b8e2ca}.notice-error{color:#8c2b2b;background:#fdecec;border-color:#f2b8b8}.modal-backdrop{z-index:1100;background:#17202a6b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(520px,100%);padding:20px;box-shadow:0 24px 60px #17202a3d}.html-dialog-backdrop{padding:20px}.html-dialog-panel{grid-template-rows:auto minmax(0,1fr);width:min(920px,100%);max-height:min(820px,100dvh - 40px);padding:0;display:grid;overflow:hidden}.html-dialog-panel .modal-head{border-bottom:1px solid var(--line);margin-bottom:0;padding:18px 20px}.html-dialog-body{min-height:0;overflow:hidden}.html-dialog-frame{background:#fff;border:0;width:100%;height:min(700px,100dvh - 124px);display:block}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.modal-title{font-size:20px;line-height:1.3}.badge{border:1px solid;border-radius:999px;align-items:center;min-height:26px;padding:4px 9px;font-size:13px;font-weight:700;display:inline-flex}.badge-neutral{color:#475569;background:#f1f5f9;border-color:#d7dee8}.badge-success{color:#176f4a;background:#e9f7ef;border-color:#b8e2ca}.badge-warning{color:#80550e;background:#fff4d9;border-color:#f1d27a}.badge-danger{color:#9f2f2f;background:#fdecec;border-color:#f2b8b8}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:760px}.registration-requests-table{table-layout:fixed;min-width:2170px}.registration-col-username{width:150px}.registration-col-official{width:220px}.registration-col-wechat,.registration-col-email{width:180px}.registration-col-password{width:220px}.registration-col-type{width:160px}.registration-col-appid{width:150px}.registration-col-secret{width:170px}.registration-col-limit{width:100px}.registration-col-status{width:120px}.registration-col-mail,.registration-col-created{width:180px}.registration-col-actions{width:160px}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:12px 14px}.table th{color:#526070;background:#f8fafc;font-size:13px}.table tr:last-child td{border-bottom:0}.table-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:inline-flex}.table-actions form{flex:none}.table .cover-cell{vertical-align:middle;width:132px}.cover-thumb-link{line-height:0;display:inline-block}.cover-thumb{aspect-ratio:21/9;border:1px solid var(--line);background:var(--surface-soft);border-radius:6px;width:104px;display:block;overflow:hidden}.cover-thumb img{object-fit:cover;width:100%;height:100%;display:block}.cover-thumb-empty{color:var(--muted);border-style:dashed;justify-content:center;align-items:center;font-size:12px;line-height:1;display:flex}.registration-requests-table th,.registration-requests-table td{white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;overflow:hidden}.registration-requests-table th:last-child,.registration-requests-table td:last-child{z-index:1;background:var(--surface);width:160px;min-width:160px;position:sticky;right:0;overflow:visible;box-shadow:-10px 0 14px #17202a14}.registration-requests-table th:last-child{z-index:2;background:#f8fafc}.registration-actions{flex-wrap:nowrap;align-items:center;gap:8px;display:inline-flex}.registration-actions form{flex:none}.registration-actions .button{white-space:nowrap;min-width:58px}.cards-list{gap:12px;display:grid}.article-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:10px;padding:16px;display:grid}.article-title{font-size:18px;font-weight:800}.article-summary{color:var(--muted);line-height:1.65}.article-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.claim-list-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(180px,28%) minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.claim-list-main{gap:8px;min-width:0;display:grid}.claim-list-title{font-size:19px;font-weight:800;line-height:1.35}.claim-cover{aspect-ratio:2.35;border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--muted);background:#f8fafc;place-items:center;font-weight:800;display:grid;overflow:hidden}.claim-cover img{object-fit:cover;width:100%;height:100%;display:block}.claim-list-action{justify-self:end}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:16px;display:flex}.article-content{white-space:pre-wrap;font-size:16px;line-height:1.85}.wechat-article-page{max-width:920px;margin:0 auto}.article-back{margin-bottom:16px}.wechat-reader{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:28px 34px}.wechat-reader-title{letter-spacing:0;margin-bottom:16px;font-size:32px;line-height:1.35}.wechat-reader-meta{color:#a5acb8;flex-wrap:wrap;gap:14px;margin-bottom:28px;font-size:15px;display:flex}.wechat-reader-summary{color:var(--muted);margin-bottom:24px;line-height:1.8}.article-publish-actions{z-index:20;background:linear-gradient(180deg, #f4f6f800, var(--background) 36%);flex-wrap:wrap;justify-content:center;gap:12px;margin-top:18px;padding:12px 0;display:flex;position:sticky;bottom:0}.wechat-preview{color:#1f2933;background:#fff;overflow-x:auto}.wechat-preview img{max-width:100%;height:auto}.slot-summary{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;padding:9px 12px;font-weight:700;display:flex}.slot-summary span{color:#475569;background:#f1f5f9;border-radius:999px;align-items:center;min-height:24px;padding:2px 8px;font-size:13px;display:inline-flex}.slot-panel{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;gap:12px;padding:14px;display:grid}.slot-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.slot-error,.slot-ok{align-items:center;gap:5px;display:inline-flex}.slot-error{color:var(--danger);font-size:13px;font-weight:700}.slot-list{gap:10px;display:grid}.slot-row{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:12px;display:grid}.slot-main{gap:8px;min-width:0;display:grid}.slot-title{flex-wrap:wrap;align-items:center;gap:8px;font-weight:800;display:flex}.slot-ok{color:#176f4a;font-size:13px;font-weight:700}.slot-missing{color:#80550e;background:#fff4d9;border:1px solid #f1d27a;border-radius:999px;padding:2px 8px;font-size:13px;font-weight:700}.slot-prompt{color:var(--muted);font-size:14px;line-height:1.55}.slot-upload{min-width:86px}.check-row{align-items:center;gap:8px;min-height:42px;font-weight:700;display:inline-flex}.template-list{gap:12px;display:grid}.template-row{border:1px solid var(--line);border-radius:var(--radius);color:inherit;background:#fff;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px;text-decoration:none;display:grid}.template-row:hover{background:#f8fafc;border-color:#cbd5e1}.template-preview,.template-choice-preview{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#f8fafc;place-items:center;display:grid;overflow:hidden}.template-preview{width:96px;height:72px}.template-preview img,.template-preview-large img,.template-choice-preview img{object-fit:cover;width:100%;height:100%;display:block}.template-main{gap:6px;min-width:0;display:grid}.template-title{flex-wrap:wrap;align-items:center;gap:8px;font-weight:800;display:flex}.template-preview-large{border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;overflow:hidden}.template-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.template-type-select{width:220px}.template-scroll{overscroll-behavior-x:contain;scroll-snap-type:x proximity;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.template-scroll-card{scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--radius);min-height:110px;color:inherit;background:#fff;flex:0 0 260px;padding:0;position:relative}.template-scroll-card:hover{background:#f8fafc;border-color:#cbd5e1}.template-scroll-card-active,.template-scroll-card-active:hover{border-color:var(--accent);background:#f2fbf6;box-shadow:0 0 0 2px #1f8f5f1a}.template-scroll-card-link{min-height:108px;color:inherit;align-content:start;gap:10px;padding:16px 48px 16px 16px;display:grid}.template-scroll-card-link:hover{color:inherit}.template-scroll-card-link strong{font-size:18px;line-height:1.35}.template-scroll-card-link span{color:var(--muted);font-size:14px;line-height:1.55}.article-preview-template-card{align-content:start;gap:10px;padding:16px;text-decoration:none;display:grid}.article-preview-template-card strong{font-size:18px;line-height:1.35}.article-preview-template-card span{color:var(--muted);font-size:14px;line-height:1.55}.template-scroll-delete-form{position:absolute;top:10px;right:10px}.template-scroll-delete-button{border-radius:var(--radius);width:32px;height:32px;color:var(--muted);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:inline-grid}.template-scroll-delete-button:hover{color:var(--danger);background:#fff1f1;border-color:#f3c5c5}.template-scroll-delete-button:focus-visible{outline:2px solid #b936363d}.template-choice-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:10px;padding:10px;display:grid}.template-choice-card-active{border-color:var(--accent);box-shadow:0 0 0 2px #1f8f5f1a}.template-choice-link{color:inherit;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.template-choice{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:inherit;text-align:left;cursor:pointer;background:#fff;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.template-choice:hover{background:#f8fafc;border-color:#cbd5e1}.template-choice-active,.template-choice-active:hover{border-color:var(--accent);cursor:default;background:#fff7ed}.template-choice-preview{width:72px;height:54px;font-weight:800}.template-choice-main{gap:4px;min-width:0;display:grid}.template-choice-main span{color:var(--muted);font-size:13px;line-height:1.45}.template-sample-preview{padding:8px 0}.article-edit-layout{align-items:start}.cover-summary-grid{grid-template-columns:minmax(240px,.75fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.cover-editor{gap:10px;display:grid}.cover-drop{aspect-ratio:2.35;border:1px solid var(--line);border-radius:var(--radius);background:#f8fafc;place-items:center;display:grid;overflow:hidden}.cover-drop img{object-fit:cover;width:100%;height:100%;display:block}.cover-empty{color:#a5acb8;place-items:center;gap:8px;font-weight:700;display:grid}.cover-upload{justify-self:start}.summary-textarea{min-height:130px}.empty{color:var(--muted);text-align:center;padding:28px}.filter-form{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.filter-form .field{min-width:180px}.copyable-cell{align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;display:inline-flex}.copyable-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.copy-icon-button{border-radius:var(--radius);width:28px;height:28px;color:var(--muted);background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.copy-icon-button:hover{background:var(--surface-soft);color:var(--primary)}.copy-icon-button:focus-visible{outline:2px solid #1f8f5f38}.code{font-family:Consolas,SFMono-Regular,Menlo,monospace}@media (max-width:900px){.app-frame{grid-template-rows:none;grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}.app-sidebar{overscroll-behavior:auto;height:auto;position:static;overflow:visible}.app-main{height:auto;padding:18px;overflow:visible}.page-head,.panel-head{display:grid}.grid-2,.grid-3,.slot-row,.template-row,.template-choice,.template-choice-link,.template-choice-grid{grid-template-columns:1fr}.template-type-select{width:100%}.template-scroll-card{flex-basis:min(280px,82vw)}.claim-list-row,.cover-summary-grid{grid-template-columns:1fr}.claim-list-row .claim-cover{order:2}.claim-list-row .claim-list-main{order:1}.claim-list-action{justify-self:start}.wechat-reader{padding:22px 18px}.wechat-reader-title{font-size:26px}}@media (max-width:560px){.auth-card-head{display:grid}.auth-inline-field{grid-template-columns:1fr;gap:7px}.auth-inline-label{min-height:0}}