@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:wght@600&display=swap');

:root{--ink:#151515;--muted:#77736d;--paper:#f4f1eb;--panel:#fff;--line:#dedad2;--accent:#b31f24;--shadow:0 20px 60px rgba(26,22,16,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:14px}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#171717;color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:block;padding:8px 8px 38px}.brand img{display:block;width:178px;height:43px;object-fit:contain;object-position:left center;filter:invert(1);mix-blend-mode:screen}.brand span{display:block;color:#8e8e8e;font-size:11px;letter-spacing:6px;margin-top:9px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:7px;color:#aaa;transition:.2s}.sidebar nav a i{font-style:normal;width:22px;font-size:19px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:#292929;color:#fff}.sidebar nav a.active{box-shadow:inset 2px 0 #fff}.sidebar-foot{margin-top:auto;border-top:1px solid #333;padding:20px 7px 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.sidebar-foot strong,.sidebar-foot span{display:block}.sidebar-foot span{font-size:11px;color:#888;margin-top:3px}.sidebar-foot button{border:0;background:transparent;color:#888;font-size:20px}.avatar{width:35px;height:35px;background:#eee;color:#111;border-radius:50%;display:grid;place-items:center;font-weight:700}.avatar.large{width:42px;height:42px;background:#222;color:#fff}.main{margin-left:248px;min-height:100vh}.topbar{height:100px;background:rgba(244,241,235,.93);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 44px;border-bottom:1px solid rgba(209,204,195,.7)}.topbar p{margin:0 0 3px;color:var(--muted);font-size:11px;letter-spacing:1px}.topbar h1{font-size:23px;margin:0}.top-actions{font-size:12px;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#3a9c68;margin-right:7px;box-shadow:0 0 0 4px rgba(58,156,104,.12)}.menu-button{display:none;border:0;background:none;font-size:24px}.content{max-width:1450px;margin:auto;padding:36px 44px 70px}.hero{height:300px;background:#191919;color:#fff;position:relative;overflow:hidden;padding:52px 58px;display:flex;align-items:center}.hero:after{content:'';position:absolute;right:18%;top:-60%;width:400px;height:600px;border:1px solid #424242;transform:rotate(25deg)}.hero h2{font-family:'Playfair Display','Noto Serif SC',serif;font-size:38px;line-height:1.45;margin:12px 0}.hero p{color:#aaa}.hero-mark{position:absolute;right:55px;bottom:-55px;font-family:Georgia,serif;font-size:230px;font-weight:bold;color:#262626;line-height:1}.eyebrow{font-size:10px;letter-spacing:3px;color:#98938b;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);margin-top:22px}.stat-grid article{padding:22px 28px;border-right:1px solid var(--line);display:grid;grid-template-columns:1fr auto;align-items:center}.stat-grid article:last-child{border:0}.stat-grid span{color:var(--muted)}.stat-grid strong{font-family:Georgia,serif;font-size:30px;grid-row:1/3;grid-column:2}.stat-grid small{color:#aaa;margin-top:4px}.section-heading,.page-lead{display:flex;align-items:end;justify-content:space-between;margin:48px 0 18px}.section-heading.compact{margin-top:45px}.section-heading h2,.page-lead h2{font-size:25px;margin:6px 0 0}.page-lead{align-items:center;margin-top:5px}.page-lead h2{font-family:'Playfair Display','Noto Serif SC',serif;font-size:32px}.page-lead p{color:var(--muted);margin:8px 0 0}.search{border:1px solid var(--line);background:#fff;padding:11px 14px;min-width:230px;outline:none;border-radius:3px}.search:focus{border-color:#777}.search.grow{min-width:330px}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.site-card{background:#fff;border:1px solid var(--line);padding:24px;min-height:218px;position:relative;transition:.25s}.site-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c5c0b7}.site-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:700;font-size:14px;margin-bottom:25px}.site-icon.small{width:42px;height:42px;margin:0}.site-category{position:absolute;right:22px;top:25px;color:#9b978f;font-size:11px}.site-card h3{margin:0 0 9px;font-size:17px}.site-card p{color:var(--muted);font-size:12px;margin:0;min-height:37px}.site-open{border-top:1px solid #eee;margin-top:19px;padding-top:14px;font-size:12px;display:flex;justify-content:space-between}.text-link{font-size:12px;color:var(--muted)}.file-list,.file-table,.admin-list,.log-list{background:#fff;border:1px solid var(--line)}.file-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:16px;align-items:center;padding:14px 20px;border-bottom:1px solid #ece9e3}.file-row:last-child{border:0}.file-row:hover{background:#faf9f7}.file-row strong,.file-row small{display:block}.file-row small{color:#999;margin-top:3px}.file-row>span{color:#888;font-size:12px}.file-type{width:40px;height:40px;background:#ece9e3;display:grid;place-items:center;font-size:9px;font-weight:700;color:#68635c}.button{border:1px solid #171717;padding:11px 18px;background:#fff;font-weight:600}.button.primary{background:#171717;color:#fff}.button:hover{opacity:.85}.button.wide{width:100%;padding:14px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:22px 0 14px}.toolbar span{font-size:12px;color:var(--muted)}.file-table-head,.file-table-row{display:grid;grid-template-columns:minmax(250px,2fr) minmax(150px,1fr) 130px 145px 100px;align-items:center;gap:15px;padding:15px 20px}.file-table-head{background:#f9f8f5;border-bottom:1px solid var(--line);color:#888;font-size:11px}.file-table-row{border-bottom:1px solid #ece9e3}.file-table-row:last-child{border:0}.file-table-row>span small{display:block;color:#999;margin-top:4px;font-size:10px}.file-name{display:flex;align-items:center;gap:14px;min-width:0}.file-name strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;width:max-content;background:#f1eee8;color:#666;padding:5px 9px;font-size:10px;border-radius:30px}.badge.dark{background:#222;color:#fff}.row-actions{display:flex;gap:10px;justify-content:flex-end}.row-actions a,.row-actions button,.link-button,.danger-link{border:0;background:none;padding:0;color:#555;font-size:12px}.danger-link,.row-actions button{color:#a42a2a}.row-actions form{display:inline}.admin-list article{display:flex;align-items:center;gap:18px;padding:17px 20px;border-bottom:1px solid #ece9e3}.admin-list article:last-child{border:0}.admin-main{flex:1;min-width:0}.admin-main strong,.admin-main a,.admin-main span{display:block}.admin-main a,.admin-main span{color:#888;font-size:11px;margin-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.status{font-size:11px;width:55px}.status:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.status.on:before{background:#329768}.status.off:before{background:#999}.empty{padding:45px;text-align:center;color:#999}.log-list article{display:grid;grid-template-columns:auto 1fr auto;gap:15px;padding:17px 22px;border-bottom:1px solid #ece9e3;align-items:center}.log-list article:last-child{border:0}.log-dot{width:8px;height:8px;border-radius:50%;background:#222}.log-list p{margin:3px 0 0;color:#888;font-size:11px}.log-list article>span:last-child{text-align:right;color:#666;font-size:11px}.log-list small{display:block;color:#aaa;margin-top:4px}dialog{width:min(560px,calc(100% - 30px));border:0;padding:0;box-shadow:0 30px 90px rgba(0,0,0,.3);background:#fff}dialog::backdrop{background:rgba(10,10,10,.55);backdrop-filter:blur(3px)}.modal-form{padding:30px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:26px}.modal-head h2{margin:5px 0 0}.modal-head button{border:0;background:none;font-size:28px;color:#888}.modal-form label,.auth-form label{display:block;font-size:12px;font-weight:600;margin-bottom:16px}.modal-form input,.modal-form select,.auth-form input{display:block;width:100%;border:1px solid #d5d0c8;background:#faf9f6;padding:12px;margin-top:7px;outline:none}.modal-form input:focus,.modal-form select:focus,.auth-form input:focus{border-color:#222}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.dropzone{border:1px dashed #aaa;padding:25px;text-align:center}.dropzone input{border:0;background:none}.dropzone small{display:block;color:#999;font-weight:400}.switch{display:flex!important;align-items:center;gap:8px}.switch input{width:auto;margin:0}.flash{position:fixed;right:25px;top:20px;background:#1b1b1b;color:#fff;padding:13px 19px;z-index:100;box-shadow:var(--shadow);transition:.5s}.flash.error{background:#a42626}.flash.fade{opacity:0;transform:translateY(-10px);pointer-events:none}.auth-shell{min-height:100vh;background:#ebe7df;display:grid;place-items:center;padding:30px}.auth-card{background:#fff;width:min(1080px,100%);min-height:650px;box-shadow:0 30px 100px rgba(24,19,13,.12);display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:auto 1fr auto;padding:50px 55px;position:relative;overflow:hidden}.auth-card:before{content:'21';position:absolute;left:-15px;bottom:-130px;font:700 420px/1 Georgia,serif;color:#f0eee9;z-index:0}.auth-brand,.auth-copy,.auth-form,.auth-card footer,.setup-warning{position:relative;z-index:1}.auth-brand{grid-column:1/3}.auth-brand img{width:250px;height:70px;object-fit:contain;object-position:left}.auth-brand p{font-size:10px;letter-spacing:5px;margin:6px 0;color:#777}.auth-copy{align-self:center}.auth-copy h1{font:600 58px/1.18 'Playfair Display','Noto Serif SC',serif;margin:16px 0}.auth-copy p{color:#777}.auth-form{align-self:center;background:#f7f5f1;padding:35px}.auth-form .button{margin-top:7px;display:flex;justify-content:space-between}.auth-card footer{grid-column:1/3;align-self:end;text-align:right;color:#999;font-size:10px;letter-spacing:2px}.setup-warning{align-self:center;background:#fff0d9;padding:25px}.mobile-overlay{display:none}
@media(max-width:1000px){.site-grid{grid-template-columns:repeat(2,1fr)}.file-table-head{display:none}.file-table-row{grid-template-columns:1fr auto auto}.file-table-row>span:nth-of-type(2),.file-table-row>span:nth-of-type(3){display:none}.hero-mark{right:10px}.auth-card{grid-template-columns:1fr 1fr}.auth-copy h1{font-size:45px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.is-open{transform:none}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:15}.mobile-overlay.is-open{display:block}.main{margin-left:0}.topbar{height:76px;padding:0 18px;justify-content:flex-start;gap:14px}.topbar h1{font-size:19px}.top-actions{display:none}.menu-button{display:block}.content{padding:20px 16px 50px}.hero{height:275px;padding:35px 28px}.hero h2{font-size:28px}.hero-mark{font-size:155px}.stat-grid{grid-template-columns:1fr}.stat-grid article{border-right:0;border-bottom:1px solid var(--line)}.site-grid{grid-template-columns:1fr}.section-heading{align-items:center}.search{min-width:150px;width:45%}.page-lead{display:block}.page-lead .button{margin-top:18px}.toolbar .search{width:70%;min-width:0}.file-table-row{grid-template-columns:1fr auto}.file-table-row>.badge{display:none}.file-table-row>span:nth-of-type(1){display:none}.admin-list article{gap:10px;flex-wrap:wrap}.admin-main{min-width:55%}.admin-list .badge{display:none}.log-list article{grid-template-columns:auto 1fr}.log-list article>span:last-child{grid-column:2;text-align:left}.auth-shell{padding:0}.auth-card{min-height:100vh;display:block;padding:35px 25px}.auth-brand{margin-bottom:80px}.auth-brand img{width:210px}.auth-copy h1{font-size:42px}.auth-copy{margin-bottom:35px}.auth-card footer{position:absolute;bottom:20px;right:25px}.auth-card:before{font-size:250px;bottom:-70px}.form-grid{grid-template-columns:1fr}}

.top-actions{display:flex;align-items:center;gap:18px}.top-actions>span{white-space:nowrap}.install-button{border:1px solid #171717;background:#171717;color:#fff;padding:8px 13px;font-size:11px}.install-button[hidden]{display:none}
@media(max-width:760px){.top-actions{display:flex;margin-left:auto}.top-actions>span{display:none}.install-button{padding:7px 10px}}