:root{--ink:#17353b;--deep:#102a30;--paper:#f3f6f5;--white:#fff;--line:#d9e3e0;--muted:#71827f;--teal:#168f7e;--teal-dark:#0c6c60;--coral:#e96752;--gold:#d8a53d;--danger:#b8443b;--shadow:0 20px 60px rgba(15,45,51,.14)}
*{box-sizing:border-box} [hidden]{display:none!important} html,body{min-width:320px} body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.6 "Microsoft YaHei","PingFang SC",system-ui,sans-serif} button,input,select{font:inherit} button{cursor:pointer} a{color:var(--teal-dark);text-decoration:none} a:hover{text-decoration:underline}
.eyebrow{margin:0 0 10px;color:var(--coral);font-size:10px;letter-spacing:1.6px;font-weight:800}.brand-mark{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;color:var(--deep);background:var(--gold);font-size:11px;font-weight:900}.button{min-height:38px;padding:0 16px;border:1px solid transparent;border-radius:4px;font-weight:700}.button.primary{color:#fff;background:var(--teal)}.button.primary:hover{background:var(--teal-dark)}.button.secondary{color:var(--teal-dark);border-color:#b7cec8;background:#fff}.button.secondary:hover{background:#edf6f3}.button.quiet{color:#5f726f;background:transparent}.button.wide{width:100%;min-height:45px}.button:disabled{opacity:.6;cursor:wait}.icon-button{width:34px;height:34px;padding:0;border:0;color:#88a19c;background:transparent;font-size:20px}.icon-button:hover{color:#fff}.form-message{min-height:22px;margin:10px 0 0;color:var(--danger);font-size:12px}
.login-screen{min-height:100vh;padding:28px max(24px,calc((100% - 1180px)/2));color:#fff;background:var(--deep)}.login-brand,.side-brand{display:flex;align-items:center;gap:11px}.login-brand strong,.login-brand small,.side-brand strong,.side-brand small{display:block}.login-brand strong,.side-brand strong{font-size:15px}.login-brand small,.side-brand small{color:#a9c2bd;font-size:10px}.login-layout{width:1180px;max-width:100%;min-height:calc(100vh - 100px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:90px}.login-copy h1{max-width:610px;margin:0;font-size:52px;line-height:1.15;letter-spacing:0}.login-copy>p:not(.eyebrow){max-width:550px;margin:24px 0;color:#bdd2cd;font-size:16px;line-height:1.9}.login-signals{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.login-signals span{padding:8px 12px;border:1px solid rgba(210,235,228,.2);color:#c0d9d3;font-size:11px}.login-form{padding:30px;background:#fff;color:var(--ink);border-top:4px solid var(--coral);box-shadow:var(--shadow)}.login-form h2{margin:0 0 22px;font-size:22px}.login-form label,.security-layout label,.form-grid label{display:block;margin:13px 0 6px;color:#506965;font-size:12px;font-weight:700}.login-form input,.security-layout input,.form-grid input,.form-grid select{width:100%;height:42px;padding:0 11px;border:1px solid #bdccc8;border-radius:3px;outline:0;color:var(--ink);background:#fff}.login-form input:focus,.security-layout input:focus,.form-grid input:focus,.form-grid select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(22,143,126,.1)}.login-form .button{margin-top:18px}
.app-shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;color:#c4d8d3;background:var(--deep);border-right:3px solid var(--coral)}.side-brand{padding:24px 20px;border-bottom:1px solid rgba(220,240,235,.12)}.side-nav{padding:22px 12px}.nav-item{width:100%;min-height:45px;display:flex;align-items:center;gap:13px;padding:0 12px;border:0;border-left:3px solid transparent;color:#9ebbb5;background:transparent;text-align:left;font-size:13px}.nav-item span{width:24px;color:#65847d;font-size:10px}.nav-item:hover{color:#fff;background:#173d43}.nav-item.is-active{color:#fff;border-left-color:var(--gold);background:#1b484e}.nav-item.is-active span{color:var(--gold)}.side-footer{margin-top:auto;padding:16px 14px;display:flex;align-items:center;gap:9px;border-top:1px solid rgba(220,240,235,.12)}.side-footer>div:nth-child(2){min-width:0;flex:1}.side-footer strong,.side-footer small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-footer strong{color:#fff;font-size:12px}.side-footer small{color:#8facaa;font-size:10px}.user-avatar{width:30px;height:30px;display:grid;place-items:center;color:var(--deep);background:var(--gold);font-weight:800}
.main-area{min-width:0}.topbar{min-height:86px;padding:18px max(24px,calc((100% - 1150px)/2));display:flex;align-items:center;gap:15px;background:#fff;border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:23px;line-height:1.2}.topbar-tools{margin-left:auto;display:flex;align-items:center;gap:9px}.topbar-tools label{color:var(--muted);font-size:11px}.topbar-tools select{height:36px;max-width:220px;padding:0 10px;border:1px solid #bccdc8;background:#fff;color:var(--ink)}.menu-button{display:none;width:36px;height:36px;border:1px solid var(--line);background:#fff}.connection-pill{display:inline-flex;align-items:center;gap:6px;color:#798c88;font-size:11px;white-space:nowrap}.connection-pill i{width:7px;height:7px;border-radius:50%;background:#9cadaa}.connection-pill.is-online{color:var(--teal-dark)}.connection-pill.is-online i{background:#2caf8b;box-shadow:0 0 0 4px rgba(44,175,139,.12)}.main-content{width:1150px;max-width:calc(100% - 48px);margin:0 auto;padding:38px 0 70px}.view.is-active{display:block}.overview-head,.section-title.with-action{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.overview-head h2{margin:0;font-size:27px}.overview-head p,.section-title>div>p:not(.eyebrow){margin:5px 0 0;color:var(--muted);font-size:12px}.section-title h2{margin:0;font-size:22px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:28px;background:var(--line);border:1px solid var(--line)}.metric-grid article{min-height:128px;padding:19px;background:#fff}.metric-grid article span,.metric-grid article small{display:block}.metric-grid article span{color:#63807a;font-size:12px}.metric-grid article strong{display:block;margin:10px 0 2px;font-size:31px;line-height:1.1}.metric-grid article small{color:#9aa9a6;font-size:10px}.split-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:18px;margin-top:20px}.section-block{padding:24px;background:#fff;border:1px solid var(--line)}.section-block .section-title{margin-bottom:22px}.mini-chart{height:170px;display:flex;align-items:flex-end;gap:7px;padding:10px 0;border-bottom:1px solid var(--line)}.mini-chart span{flex:1;min-height:5px;background:var(--teal);opacity:.78}.site-summary dl{margin:0}.site-summary dl div{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #e6eeeb}.site-summary dl div:last-child{border:0}.site-summary dt{color:var(--muted);font-size:12px}.site-summary dd{max-width:68%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:700;text-align:right}
.content-tabs{display:flex;gap:4px;margin-bottom:26px;border-bottom:1px solid var(--line)}.content-tabs button{min-height:45px;padding:0 17px;border:0;border-bottom:3px solid transparent;background:transparent;color:#667b77;font-weight:700}.content-tabs button.is-active{color:var(--teal-dark);border-bottom-color:var(--teal)}.content-tabs span{display:inline-grid;min-width:22px;height:19px;margin-left:6px;place-items:center;border-radius:10px;color:#fff;background:#8da09b;font-size:10px}.content-tabs .is-active span{background:var(--teal)}.data-frame{overflow:hidden;background:#fff;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;table-layout:fixed}th{height:45px;padding:0 15px;color:#637873;background:#eaf0ee;text-align:left;font-size:11px}td{padding:14px 15px;border-top:1px solid #e5ece9;vertical-align:middle}th:last-child,td:last-child{width:19%}td strong{display:block}.row-actions{display:flex;gap:6px;justify-content:flex-end}.row-actions button{min-height:31px;padding:0 10px;border:1px solid #c8d6d2;border-radius:3px;color:#45615b;background:#fff;font-size:11px}.row-actions button:hover{border-color:var(--teal);color:var(--teal-dark)}.row-actions .delete:hover{border-color:#dca9a3;color:var(--danger);background:#fff4f2}.status,.status-button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;font-size:11px}.status:before,.status-button:before{content:"";width:7px;height:7px;border-radius:50%;background:#9caeaa}.status.is-on,.status-button.is-on{color:var(--teal-dark)}.status.is-on:before,.status-button.is-on:before{background:#2fb28f}.status.is-waiting,.status-button.is-waiting{color:#8b681c}.status.is-waiting:before,.status-button.is-waiting:before{background:var(--gold)}.status-button{padding:5px 7px}.ad-item{display:flex;align-items:center;gap:10px}.ad-item img{width:78px;height:38px;object-fit:cover;background:#e5eeeb;border:1px solid #cbd9d5}.ad-item a{display:block;font-size:11px}.empty-state{padding:55px 20px;text-align:center}.empty-state strong,.empty-state span{display:block}.empty-state span,.empty-inline{margin-top:5px;color:var(--muted);font-size:12px}.segmented{display:flex;border:1px solid #b7cbc6}.segmented button{min-height:34px;padding:0 12px;border:0;border-right:1px solid #d6e2df;color:#60746f;background:#fff;font-size:11px}.segmented button:last-child{border-right:0}.segmented button.is-active{color:#fff;background:var(--teal)}.analytics-metrics{margin-top:25px}.traffic-chart{height:245px;display:flex;align-items:flex-end;gap:8px;padding:15px 5px 0;border-bottom:1px solid var(--line)}.chart-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.chart-column span{width:100%;min-height:4px;background:var(--teal);opacity:.82}.chart-column small{color:#889995;font-size:9px;writing-mode:vertical-rl;transform:rotate(180deg)}.analytics-tables{margin-top:18px}.rank-row{display:grid;grid-template-columns:24px minmax(0,1fr) 60px;gap:9px;align-items:center;min-height:42px;border-bottom:1px solid #e5ece9}.rank-row:last-child{border:0}.rank-row b{color:var(--coral);font-size:11px}.rank-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4d6862;font-size:12px}.rank-row strong{text-align:right;font-size:12px}.security-layout{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:70px;align-items:start;padding:35px;background:#fff;border:1px solid var(--line)}.security-layout h2{margin:0;font-size:25px}.security-layout section>p:not(.eyebrow){max-width:450px;color:var(--muted);font-size:13px}.security-layout form{padding-left:30px;border-left:1px solid var(--line)}.security-layout .button{margin-top:14px}
.modal[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(8,31,36,.68)}.modal-dialog{position:relative;width:650px;max-width:100%;max-height:calc(100vh - 40px);overflow:auto;background:#fff;box-shadow:var(--shadow)}.modal-dialog>header{min-height:80px;padding:19px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--deep);color:#fff}.modal-dialog>header h2{margin:0;font-size:21px}.modal-dialog>header .eyebrow{color:var(--gold)}.modal-dialog>header .icon-button{color:#b9d0ca}.modal-dialog form{padding:22px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.form-grid label{margin:0}.form-grid label:nth-last-child(1){grid-column:1/-1}.form-grid label small{display:block;min-height:16px;margin-top:4px;color:#8a9a96;font-size:10px;font-weight:400}.check-field{display:flex!important;align-items:center;gap:8px;min-height:38px}.check-field input{width:auto}.modal-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line)}.toast{position:fixed;right:22px;bottom:22px;z-index:80;max-width:calc(100% - 44px);padding:11px 16px;color:#fff;background:var(--deep);box-shadow:var(--shadow);transform:translateY(18px);opacity:0;pointer-events:none;transition:.2s ease}.toast.is-visible{transform:translateY(0);opacity:1}.toast.is-error{background:var(--danger)}.is-manager .admin-only{display:none!important}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:40;left:-240px;width:236px;transition:left .2s}.nav-open .sidebar{left:0}.menu-button{display:block}.topbar-tools label{display:none}.main-content{max-width:calc(100% - 30px)}.split-layout,.security-layout{grid-template-columns:1fr;gap:15px}.security-layout form{padding:0;border:0}.login-layout{grid-template-columns:1fr;gap:35px}.login-copy h1{font-size:40px}.login-form{max-width:480px}}
@media(max-width:620px){.login-screen{padding:20px 15px}.login-layout{min-height:auto;padding:48px 0}.login-copy h1{font-size:33px}.login-copy>p:not(.eyebrow){font-size:14px}.topbar{padding:14px 15px}.topbar h1{font-size:19px}.topbar-tools{gap:6px}.topbar-tools select{max-width:130px}.connection-pill{display:none}.main-content{padding-top:25px}.overview-head,.section-title.with-action{align-items:flex-start;flex-direction:column;gap:14px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid article{min-height:105px;padding:14px}.metric-grid article strong{font-size:25px}.section-block{padding:18px}.content-tabs button{padding:0 10px;font-size:12px}table,thead,tbody,tr,th,td{display:block}thead{display:none}tbody tr{padding:12px;border-bottom:1px solid var(--line)}tbody tr:last-child{border:0}td{min-height:32px;position:relative;padding:5px 0 5px 76px;border:0}td:before{content:attr(data-label);position:absolute;left:0;top:6px;width:66px;color:var(--muted);font-size:10px}.row-actions{justify-content:flex-start}.form-grid{grid-template-columns:1fr}.form-grid label:nth-last-child(1){grid-column:auto}.modal{padding:0;place-items:end stretch}.modal-dialog{width:100%;max-height:92vh}.modal-dialog>header,.modal-dialog form{padding-left:18px;padding-right:18px}.traffic-chart{gap:3px}.chart-column small{font-size:8px}}

.form-grid textarea{width:100%;min-height:76px;padding:9px 11px;border:1px solid #bdccc8;border-radius:3px;outline:0;color:var(--ink);background:#fff;resize:vertical;font:inherit}.form-grid textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(22,143,126,.1)}
.ai-status-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:18px;margin-top:24px}.ai-settings-card .section-title,.sitemap-card .section-title{margin-bottom:18px}.ai-settings-card .form-grid{margin-top:5px}.ai-settings-card .form-actions{grid-column:1/-1;display:flex;align-items:center;gap:12px}.ai-settings-card .form-message{margin:0}.sitemap-card dl{margin:0}.sitemap-card dl div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e6eeeb}.sitemap-card dt{color:var(--muted);font-size:12px}.sitemap-card dd{max-width:72%;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:700;text-align:right}.sitemap-card dd a{display:block;overflow:hidden;text-overflow:ellipsis}.ai-lists{margin-top:18px;grid-template-columns:1fr 1.35fr}.ai-lists>.section-block{min-width:0}.table-note{display:block;margin-top:3px;color:#8a9a96;font-size:10px}.error-note{color:var(--danger)}
@media(max-width:900px){.ai-status-grid,.ai-lists{grid-template-columns:1fr}}
.sites-view{margin-top:-16px}.sites-toolbar{min-height:42px;padding:5px 12px 5px 15px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);background:#fff}.sites-toolbar p{margin:0;color:var(--muted);font-size:11px}.sites-toolbar .button{min-height:32px;padding:0 12px;font-size:12px;white-space:nowrap}.sites-frame th{height:38px}.sites-frame td{padding-top:7px;padding-bottom:7px}.sites-frame .row-actions button{min-height:28px}
@media(max-width:900px){.sites-view{margin-top:0}}
@media(max-width:620px){.sites-toolbar{align-items:flex-start;flex-direction:column;padding:10px 12px;gap:8px}.sites-frame td:last-child{width:auto}}