:root{font-family:"Microsoft YaHei","Segoe UI",sans-serif;font-size:14px;color:#555b65;background:#f5f6fa;--canvas:#f5f6fa;--panel:#fff;--text:#555b65;--muted:#888d97;--border:#edf0f4;--blue:#47afe6;--side:#1e222d;--shadow:0 3px 18px #1c254010}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
a{color:var(--blue);text-decoration:none}
button,input,textarea,select{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.55}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.sidebar{position:fixed;inset:0 auto 0 0;width:202px;background:var(--side);color:#c4c8d1;display:flex;flex-direction:column;z-index:5}
.brand{height:70px;display:flex;align-items:center;gap:15px;padding:0 23px;color:#fff;flex-shrink:0;font-size:16px}
.brand-mark{font-size:27px;font-weight:800;color:#62b8ef;letter-spacing:-4px;width:31px}
.sidebar nav{overflow-y:auto;border-bottom:1px solid #343843}
.sidebar nav a{min-height:48px;display:flex;align-items:center;gap:13px;padding:12px 25px;color:#c4c8d1;border-left:2px solid transparent;font-size:13px}
.nav-icon{width:17px;text-align:center;color:#909ba7;font-size:17px}
.sidebar nav a:hover,.sidebar nav a.active{background:#2a3746;border-left-color:var(--blue);color:#fff}
.sidebar nav a.active .nav-icon{color:var(--blue)}
.sidebar-bottom{padding:20px 25px;margin-top:auto;font-size:12px}
.sidebar-bottom small{display:block;color:#88939f;font-size:10px;margin-top:12px}
.workspace{margin-left:202px;height:100vh;display:flex;flex-direction:column}
.topbar{height:70px;flex-shrink:0;display:flex;align-items:center;gap:28px;padding:0 28px;background:var(--panel);box-shadow:0 2px 4px #0002}
.icon-button{border:0;background:none;color:var(--blue);font-size:19px;padding:6px}
#search-form{display:flex;max-width:400px;flex:1;background:var(--canvas);border-radius:4px}
#search-form input{min-width:0;width:100%;border:0;padding:10px 14px;background:none;color:var(--text)}
#search-form button{border:0;background:none;color:var(--muted);padding:0 12px}
.topbar-right{display:flex;align-items:center;gap:16px;margin-left:auto;white-space:nowrap}
.topbar-right a{color:var(--text);font-size:13px}
.preview-label{font-size:11px;border:1px solid #ead4a2;color:#9b6f25;padding:4px 7px;border-radius:3px}
main{width:100%;padding:24px 36px 35px;flex:1;min-width:0;overflow-y:auto;scrollbar-color:var(--blue) var(--canvas)}
.category-tabs{display:flex;flex-wrap:wrap;gap:15px;padding:16px 20px;margin-bottom:16px;background:var(--panel);box-shadow:0 2px 3px #0002;border-radius:3px}
.category-tabs a{padding:9px 12px;border:1px solid var(--blue);border-radius:3px;position:relative}
.category-tabs a.active{background:var(--blue);color:#fff}
.category-tabs a.active:after{content:"";position:absolute;bottom:-6px;left:calc(50% - 6px);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--blue)}
.panel{background:var(--panel);border-radius:3px;box-shadow:var(--shadow);margin-bottom:20px;min-width:0}
.panel-head{min-height:51px;padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:18px}
.panel-head h1,.panel-head h2{font-size:16px;color:var(--blue);margin:0;font-weight:600}
.panel-head p{font-size:12px;margin:0;color:var(--muted)}
.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 24px;padding:20px}
.product-card{position:relative;min-width:0;min-height:124px;border-radius:3px;box-shadow:0 3px 24px #22222212;background:var(--panel);padding:18px 16px 12px;display:flex;flex-direction:column}
.product-body{display:flex;gap:18px}
.product-symbol{width:64px;height:56px;flex-shrink:0;display:grid;place-items:center;color:var(--text);font-size:32px;letter-spacing:-2px;font-weight:700}
.product-symbol.query{font-size:24px}
.product-copy{min-width:0}
.product-copy h2{font-size:15px;margin:0 0 7px;overflow-wrap:anywhere;color:var(--text);font-weight:700}
.product-copy p{font-size:11px;line-height:1.7;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-bottom{display:flex;gap:5px;align-items:center;margin-top:auto;padding-top:14px;font-size:12px}
.badge{padding:2px 4px;border-radius:2px;color:#37a785;background:#ebf9f2}
.badge.maintenance{background:#f1f2f4;color:#888}
.badge.paid{color:#ef923f;background:#fff4e9}
.price{margin-left:auto;color:#ed885c;white-space:nowrap}
.card-actions{position:absolute;inset:0;background:#ffffffef;display:flex;align-items:center;justify-content:center;gap:14px;opacity:0;pointer-events:none;border-radius:3px;transition:opacity .13s}
.product-card:hover .card-actions,.product-card:focus-within .card-actions{opacity:1;pointer-events:auto}
.button{border:1px solid var(--blue);border-radius:3px;color:var(--blue);padding:9px 13px;background:transparent;display:inline-flex;align-items:center;justify-content:center;font-size:13px}
.button.primary{background:var(--blue);color:white}
.pagination{padding:22px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px;color:var(--muted)}
.page-links{display:flex;flex-wrap:wrap}
.page-links a,.page-links span{padding:7px 11px;border:1px solid var(--border);margin-left:-1px}
.page-links [aria-current=page]{background:var(--blue);color:#fff}
.page-links [aria-disabled=true]{color:#bbb}
.notice{font-size:12px;line-height:1.8;color:#8b7350;margin:14px 0}
.empty{padding:55px 20px;color:var(--muted);text-align:center;grid-column:1/-1}
footer{display:flex;flex-shrink:0;justify-content:center;gap:14px;flex-wrap:wrap;background:var(--panel);padding:20px;font-size:12px;text-align:center}
footer span{color:var(--muted)}
.content-pad{padding:24px;line-height:1.9}
.content-pad h2{font-size:16px}
.table-wrap{overflow:auto}
.account-table th,.account-table td{white-space:nowrap}
.account-table:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
table{border-collapse:collapse;width:100%;font-size:13px}
th,td{padding:12px;text-align:left;border:1px solid var(--border)}
th{background:var(--canvas)}
.docs-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}
.doc-nav{padding:10px}
.doc-nav a{display:block;padding:9px;font-size:12px;overflow-wrap:anywhere;color:var(--text)}
.doc-nav a.active{color:var(--blue);background:var(--canvas)}
code{font-family:Consolas,monospace;overflow-wrap:anywhere}
.doc-facts{display:flex;flex-wrap:wrap;gap:20px;color:var(--muted);font-size:13px}
.blocked-list{padding-left:20px;font-size:13px;color:var(--muted)}
dialog{color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:5px;width:min(560px,calc(100vw - 32px));padding:25px;line-height:1.8;box-shadow:0 20px 70px #0004}
dialog::backdrop{background:#14182370}
dialog h2{margin-top:0;font-size:18px}
.form-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:15px}
label{display:block;font-size:13px}
dialog input{display:block;margin-top:8px;padding:10px;border:1px solid var(--border);color:var(--text);background:var(--canvas);width:150px}
.quote-result{margin:15px 0;padding:15px;background:var(--canvas);font-size:13px;min-height:55px}
.generation-form{max-width:760px}
.generation-fields{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.generation-fields label{min-width:0}
.generation-fields label:has(textarea){grid-column:1/-1}
.generation-fields input,.generation-fields select,.generation-fields textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:11px;border:1px solid var(--border);border-radius:4px;background:var(--canvas);color:var(--text);font:inherit}
.generation-fields textarea{resize:vertical;min-height:80px}
.generation-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.generation-actions .button{min-height:44px;max-width:100%;white-space:normal}
.generation-actions [hidden]{display:none!important}
.key-permissions{max-width:100%;padding:10px;border:1px solid var(--border);border-radius:4px;background:var(--canvas);color:var(--text)}
.generation-result{overflow-wrap:anywhere}
.creation-steps{display:flex;flex-wrap:wrap;gap:14px 32px;padding:18px 18px 18px 38px;margin:0 0 24px;background:var(--canvas);border:1px solid var(--border);border-radius:8px;font-size:13px}
.creation-model{display:grid;gap:10px;max-width:480px;font-size:14px}
.creation-model select{padding:12px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;font:inherit;width:100%}
.field-help{font-size:12px;line-height:1.8;color:var(--muted);font-weight:400}
.generation-optional{grid-column:1/-1;border-top:1px solid var(--border);padding-top:16px}
.generation-optional summary,.creation-help summary{cursor:pointer;color:var(--muted);font-size:13px;padding:10px 0}
.creation-help{margin-top:24px}.creation-help .button{margin:8px 12px 0 0}
.account-name{font-size:12px;color:var(--muted);overflow-wrap:anywhere;min-width:0}
.generation-result .button{margin:6px 10px 6px 0}
.button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:720px){.generation-fields{grid-template-columns:minmax(0,1fr)}.generation-actions .button{flex:1 1 140px}}
.error{color:#b4433f}
.activity-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:24px 0}
.activity-filters label{display:grid;gap:8px;min-width:0;font-size:12px;color:var(--muted)}
.activity-filters input,.activity-filters select{max-width:240px;width:100%;min-height:42px;box-sizing:border-box;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--panel);color:var(--text);font:inherit}
.activity-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}
.activity-metric{padding:20px;border:1px solid var(--border);border-radius:10px;background:var(--panel);min-width:0}
.activity-metric h2{font-size:13px;font-weight:500;color:var(--muted);margin:0 0 16px}
.activity-metric strong{font-size:clamp(18px,2.2vw,30px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.activity-metric p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:0}
.activity-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:20px 0 32px}
.activity-result{display:grid;gap:8px;max-width:220px;overflow-wrap:anywhere}
.activity-view details{margin:28px 0}.activity-view summary{cursor:pointer;padding:12px 0}
.activity-intro{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:20px}
.activity-intro p{color:var(--muted);line-height:1.7;margin:0}
.activity-ranges{display:flex;gap:6px;padding:5px;border:1px solid var(--border);border-radius:9px;width:fit-content;max-width:100%}
.activity-ranges a{padding:9px 16px;color:var(--muted);border-radius:6px;text-decoration:none;font-size:13px;white-space:nowrap}
.activity-ranges a.active{background:var(--text);color:var(--panel);font-weight:600}
.activity-view .activity-advanced{margin:16px 0 22px;border-bottom:1px solid var(--border)}
.activity-advanced summary{font-size:13px;color:var(--muted)}
.activity-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
.activity-list-heading small,.activity-updated{color:var(--muted);font-size:12px}
.task-badge{display:inline-block;padding:5px 10px;font-size:12px;border-radius:999px;background:var(--canvas);white-space:nowrap}
.task-badge.success{color:var(--success,#32815b);background:color-mix(in srgb,var(--success,#32815b) 10%,var(--panel))}
.task-badge.pending,.task-badge.warning,.pending-charge{color:var(--warning,#ad843a)}
.task-badge.danger{color:var(--danger,#b4433f)}
.activity-result{gap:7px;min-width:105px;font-size:13px}
.activity-result .work-link{font-weight:600}
.activity-view .task-details{margin:0}.activity-view .task-details summary{padding:0;color:var(--muted)}
.task-details p{font-size:12px;line-height:1.7;white-space:normal}.task-details code{font-size:11px;white-space:normal;word-break:break-all}
.activity-explanation p{font-size:13px;line-height:1.8;color:var(--muted)}
.account-panel-tools{display:flex;gap:14px;align-items:center}.notice:empty{display:none}
.legacy-records{font-size:12px;margin-top:28px;color:var(--muted)}
@media(max-width:720px){.activity-intro{align-items:start;gap:12px;flex-direction:column}.activity-intro .button{width:100%;box-sizing:border-box}.activity-ranges{display:grid;grid-template-columns:repeat(4,1fr);width:100%;box-sizing:border-box}.activity-ranges a{text-align:center;padding:8px 9px}.account-panel-tools{gap:8px}.account-panel-tools .account-name{max-width:150px}}
.business-handoff{padding:24px 0;max-width:850px}.business-handoff h2{font-size:28px}.business-handoff p{line-height:1.9}
.integration-guide{max-width:920px;line-height:1.85;overflow-wrap:anywhere}.integration-guide h3{margin-top:30px}.integration-code{white-space:pre-wrap;overflow-wrap:anywhere;padding:18px;background:var(--canvas);border:1px solid var(--border);border-radius:8px;font-size:13px}
@media(max-width:1000px){.activity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.activity-filters label{flex:1 1 140px}.activity-filters input,.activity-filters select{max-width:100%}.activity-metrics{gap:10px}.activity-metric{padding:14px}.business-handoff h2{font-size:23px}}
.close-row{display:flex;justify-content:flex-end;margin-top:20px}
body.collapsed .sidebar{width:70px}
body.collapsed .sidebar nav a{padding:14px 24px}
body.collapsed .nav-label,body.collapsed .brand>span:last-child,body.collapsed .sidebar-bottom{display:none}
body.collapsed .brand{padding:0 18px}
body.collapsed .workspace{margin-left:70px}
body.dark{--canvas:#292d38;--panel:#1e222d;--text:#d7d9e0;--muted:#9ca2b1;--border:#343a48;color:var(--text);background:var(--canvas)}
body.dark .card-actions{background:#1e222df5}
body.dark .badge.maintenance{background:#343a48}
body.dark .badge{background:#223f38}
body.dark .badge.paid{background:#403329}
@media(hover:none){.card-actions{position:static;opacity:1;pointer-events:auto;background:none;justify-content:flex-start;margin-top:14px;flex-wrap:wrap}.product-card{min-height:170px}}
@media(min-width:1600px){.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){main{padding:22px}.topbar{gap:15px;padding:0 20px}.preview-label{display:none}.catalog-grid{gap:24px 18px}.product-symbol{width:40px}.product-body{gap:12px}.docs-layout{grid-template-columns:170px minmax(0,1fr)}.panel-head{flex-wrap:wrap}}
@media(max-width:720px){.sidebar{width:202px;transform:translateX(-100%)}.workspace,body.collapsed .workspace{margin-left:0}body.mobile-menu .sidebar{transform:none}body.collapsed .sidebar{width:202px}body.collapsed .sidebar nav a{padding:12px 25px}body.collapsed .nav-label,body.collapsed .brand>span:last-child{display:initial}.topbar{height:62px;padding:0 12px;gap:10px}.topbar-right{gap:6px}.topbar-right a{font-size:10px}main{padding:16px 12px}.category-tabs{gap:8px;padding:12px}.category-tabs a{font-size:12px;padding:8px}.catalog-grid{grid-template-columns:1fr;padding:14px;gap:18px}.product-symbol{width:50px}.pagination{align-items:start;flex-direction:column}.docs-layout{display:block}.doc-nav{max-height:190px;overflow:auto}.content-pad{padding:16px}.panel-head p{line-height:1.7}footer{font-size:10px}}
@media(max-width:720px){.card-actions{position:static;opacity:1;pointer-events:auto;background:none;justify-content:flex-start;margin-top:14px;flex-wrap:wrap}.product-card{min-height:170px}.sidebar nav{min-height:0}.sidebar-bottom{flex-shrink:0}}