:root{color:#172033;letter-spacing:0;background:#f4f6f8;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none}.app-root{min-height:100vh}.global-header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #e3e8ef;justify-content:space-between;align-items:center;gap:18px;height:64px;padding:0 22px;display:flex;position:sticky;top:0}.brand-button{color:#172033;text-align:left;background:0 0;border:0;align-items:center;gap:10px;display:inline-flex}.brand-mark{color:#fff;background:#16a36a;border-radius:8px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand-button strong,.brand-button small{display:block}.brand-button small,.eyebrow,.muted{color:#65758b}.mode-tabs{background:#edf1f6;border-radius:8px;align-items:center;gap:6px;padding:4px;display:flex}.mode-tabs button{color:#3d4b60;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;height:36px;padding:0 12px;display:inline-flex}.mode-tabs button.active{color:#0e5bd7;background:#fff;box-shadow:0 1px 4px #1018281f}.server-state{color:#9a3412;background:#fff2e8;border-radius:999px;align-items:center;gap:7px;height:32px;padding:0 12px;display:inline-flex}.server-state.live{color:#087443;background:#e9f8ef}.site-page{background:#fff}.site-hero{align-items:center;min-height:calc(100vh - 64px);display:flex;position:relative;overflow:hidden}.site-hero img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.site-hero:after{content:"";background:linear-gradient(90deg,#0c121acc,#0c121a47,#0c121a0d);position:absolute;inset:0}.hero-copy{z-index:1;color:#fff;max-width:720px;padding:8vh 8vw;position:relative}.hero-copy span{color:#a5f3c8;font-weight:700}.hero-copy h1{margin:14px 0;font-size:clamp(36px,6vw,72px);line-height:1.02}.hero-copy p{color:#dbe4ef;max-width:620px;font-size:18px;line-height:1.8}.hero-actions,.product-bottom,.admin-actions,.operation-bar,.row-actions,.chat-input{align-items:center;gap:10px;display:flex}.primary-btn,.ghost-btn,.light-btn,.primary-icon,.icon-btn{border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.primary-btn,.ghost-btn,.light-btn{height:38px;padding:0 14px}.compact{height:32px;padding:0 10px}.primary-btn,.primary-icon{color:#fff;background:#1769e0}.light-btn{color:#0f172a;background:#fff}.ghost-btn{color:#26364b;background:#fff;border-color:#d8e0ea}.icon-btn,.primary-icon{width:34px;height:34px;padding:0}.icon-btn{color:#26364b;background:#fff;border-color:#d8e0ea}.site-section{width:min(1180px,100vw - 36px);margin:0 auto;padding:42px 0}.section-title,.admin-titlebar,.panel-head,.chat-widget header,.im-panel header{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-title h2,.admin-titlebar h1,.panel h2{margin:4px 0 0}.search-pill{background:#fff;border:1px solid #d8e0ea;border-radius:7px;align-items:center;gap:8px;min-height:38px;padding:0 10px;display:inline-flex}.search-pill input{border:0;outline:0;width:260px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:20px;display:grid}.product-card,.panel,.metric-card{background:#fff;border:1px solid #e1e7ef;border-radius:8px}.product-card{overflow:hidden}.product-card img{object-fit:cover;width:100%;height:172px}.product-body{padding:14px}.product-meta,.tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.product-meta{color:#65758b;justify-content:space-between;font-size:12px}.product-body h3{min-height:48px;margin:10px 0 8px;font-size:17px}.product-body p{color:#546276;min-height:64px;margin:0 0 12px;line-height:1.6}.tags span{color:#0e5bd7;background:#eef5ff;border-radius:999px;padding:4px 8px;font-size:12px}.product-bottom{justify-content:space-between;margin-top:14px}.product-bottom strong{font-size:20px}.process-band{grid-template-columns:repeat(3,1fr);gap:14px;padding-top:4px;display:grid}.contact-band{background:#f8fafc;border:1px solid #e1e7ef;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:42px;padding:24px;display:flex}.contact-band p{color:#4d5d72;margin:8px 0 0;line-height:1.7}.contact-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.process-item{border:1px solid #e1e7ef;border-radius:8px;align-content:center;gap:6px;min-height:120px;padding:18px;display:grid}.process-item span{color:#65758b}.chat-widget{z-index:40;background:#fff;border:1px solid #d9e1ea;border-radius:8px;grid-template-rows:auto 1fr auto;width:min(380px,100vw - 34px);height:520px;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 20px 48px #0f172a38}.chat-widget header,.im-panel header{border-bottom:1px solid #e6ebf2;padding:14px}.chat-widget small,.im-panel header span{color:#65758b;margin-top:4px;display:block}.chat-messages{background:#f7f9fc;flex-direction:column;gap:8px;padding:14px;display:flex;overflow:auto}.chat-messages.large{min-height:0}.chat-bubble{color:#1f2a3d;background:#fff;border:1px solid #e1e7ef;border-radius:8px;max-width:78%;padding:9px 11px;line-height:1.55}.chat-bubble.customer{color:#fff;background:#1769e0;border-color:#1769e0;align-self:flex-end}.chat-bubble.agent{align-self:flex-start}.chat-input{border-top:1px solid #e6ebf2;padding:12px}.chat-input input{border:1px solid #d8e0ea;border-radius:7px;outline:0;flex:1;min-width:0;height:38px;padding:0 10px}.admin-shell{grid-template-columns:226px minmax(0,1fr);min-height:calc(100vh - 64px);display:grid}.admin-sidebar{background:#111827;border-right:1px solid #e3e8ef;padding:14px 10px}.admin-nav{color:#a9b6c8;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;height:42px;padding:0 12px;display:flex}.admin-nav.active,.admin-nav:hover{color:#fff;background:#243044}.admin-main{min-width:0;padding:20px}.admin-titlebar{margin-bottom:16px}.admin-view{gap:16px;display:grid}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{padding:16px}.metric-card span,.metric-card small{color:#65758b}.metric-card strong{margin:8px 0 4px;font-size:26px;display:block}.panel-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.panel{min-width:0;padding:16px}.timeline,.segment-list,.api-list{gap:10px;margin-top:14px;display:grid}.timeline div,.segment-list div{border-bottom:1px solid #edf1f6;gap:4px;padding-bottom:10px;display:grid}.timeline span,.segment-list span{color:#65758b}.segment-list div{grid-template-columns:110px 1fr auto;align-items:center}.api-list code{background:#f7f9fc;border:1px solid #dbe3ed;border-radius:6px;padding:10px}.operation-bar{flex-wrap:wrap}.product-editor,.settings-editor{gap:14px;display:grid}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.editor-grid label{gap:6px;display:grid}.editor-grid label.wide{grid-column:1/-1}.editor-grid span{color:#526176;font-size:13px;font-weight:700}.editor-grid input,.editor-grid textarea{background:#fff;border:1px solid #d8e0ea;border-radius:7px;outline:0;width:100%;padding:9px 10px}.editor-grid textarea{resize:vertical;min-height:82px}.editor-grid input:disabled{color:#69778a;background:#f3f6fa}.editor-actions{align-items:center;gap:10px;display:flex}.table-wrap{background:#fff;border:1px solid #e1e7ef;border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:980px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #edf1f6;padding:12px;font-size:13px}th{z-index:1;color:#4d5d72;background:#f8fafc;position:sticky;top:0}.table-product{align-items:center;gap:10px;display:flex}.table-product img{object-fit:cover;border-radius:6px;width:56px;height:42px}td strong,td small{display:block}td small{color:#65758b;margin-top:4px}.status-pill,.switch{background:#f7f9fc;border:1px solid #d9e1ea;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;display:inline-flex}.switch.on{color:#087443;background:#e9f8ef;border-color:#9bd8b7}.row-actions{flex-wrap:wrap}.row-actions button{color:#175cd3;background:#fff;border:1px solid #d8e0ea;border-radius:5px;height:28px}.im-workbench{grid-template-columns:280px minmax(0,1fr);min-height:calc(100vh - 128px)}.im-only-shell{grid-template-columns:minmax(0,1fr)}.session-list{background:#fff;border:1px solid #e1e7ef;border-radius:8px;overflow:auto}.session-list button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f6;gap:6px;width:100%;padding:12px;display:grid}.session-list button.active{background:#eef5ff}.session-list span{color:#65758b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.im-panel{background:#fff;border:1px solid #e1e7ef;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid;overflow:hidden}.im-actions,.ai-suggestion-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-suggestion{background:#fffaf0;border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.ai-suggestion strong{color:#9a3412}.ai-suggestion p{color:#3f2f1f;margin:6px 0 0;line-height:1.6}.ghost-btn:disabled,.primary-btn:disabled{cursor:not-allowed;opacity:.6}.toast{z-index:60;color:#fff;background:#0f172aeb;border-radius:8px;padding:10px 14px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.site-page{color:#e8f3ff;background:linear-gradient(#08111f 0%,#0c1424 46%,#10131d 100%)}.traffic-hero{min-height:min(760px,100vh - 64px)}.traffic-hero:after{content:"";background:linear-gradient(90deg,#050a16e6,#080d1cad,#050a1638),linear-gradient(#0000 72%,#08111f 100%);position:absolute;inset:0}.hero-kicker{color:#77ffd7;background:#0617269e;border:1px solid #48ffbf80;border-radius:999px;padding:6px 10px;font-weight:800;display:inline-flex}.hero-copy p{color:#c7d8ea}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;margin-top:24px;display:grid}.hero-stats div,.hero-hud{background:#040f1ead;border:1px solid #6bfdd938;border-radius:8px;box-shadow:0 0 34px #00d1ff1a}.hero-stats div{padding:12px}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{color:#ffdf6e;font-size:24px}.hero-stats span{color:#9fb5cc;margin-top:4px;font-size:12px}.hero-hud{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:min(340px,100vw - 44px);padding:16px;position:absolute;bottom:76px;right:7vw}.hud-line{border-bottom:1px solid #97b3d229;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;display:flex}.hud-line span,.hero-hud small{color:#8fa8c2}.hud-line b{color:#7cf7ff}.hero-hud small{margin-top:12px;display:block}.site-page .primary-btn,.site-page .primary-icon{color:#fff;background:linear-gradient(135deg,#00b8ff,#6b5cff 58%,#d940ff);box-shadow:0 10px 24px #3068ff38}.site-page .light-btn{color:#06111f;background:#b8ffe8}.site-page .ghost-btn{color:#d8f6ff;background:#08172bc7;border-color:#78d3ff47}.site-page .eyebrow{color:#7cf7ff;font-weight:800}.site-page .section-title h2{color:#f4fbff}.site-page .search-pill{background:#061223db;border-color:#70ceff47}.site-page .search-pill input{color:#e9f6ff;background:0 0}.site-page .search-pill input::placeholder{color:#7e94ad}.site-page .product-card{background:linear-gradient(#0c1930fa,#0a101dfa);border-color:#70ceff2e;box-shadow:0 18px 42px #00000047}.product-media{height:172px;position:relative;overflow:hidden}.product-media img{object-fit:cover;width:100%;height:100%}.product-media:after{content:"";background:linear-gradient(#0000 45%,#050a14eb);position:absolute;inset:0}.product-media span{z-index:1;color:#ffe37a;background:#1c1604b8;border:1px solid #ffde5e9e;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800;position:absolute;bottom:10px;right:10px}.site-page .product-meta{color:#8da5c0}.site-page .product-body h3{color:#fff}.site-page .product-body p{color:#a9bbcf}.site-page .tags span{color:#7cf7ff;background:#7cf7ff1a}.site-page .product-bottom strong{color:#ffdf6e}.site-page .process-item{color:#eef8ff;background:#08152adb;border-color:#70ceff33}.site-page .process-item span{color:#9fb3ca}.strategy-band{padding-top:12px}.strategy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.strategy-card{background:linear-gradient(135deg,#ffde6e14,#0000 48%),#08152ae0;border:1px solid #ffdf6e38;border-radius:8px;min-height:190px;padding:18px}.strategy-card span{color:#07111f;background:#ffdf6e;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:900;display:inline-grid}.strategy-card h3{color:#fff;margin:16px 0 8px}.strategy-card p{color:#a9bbcf;margin:0;line-height:1.7}.site-page .contact-band{background:linear-gradient(90deg,#00b8ff1f,#d940ff1a),#08152aeb;border-color:#70ceff38}.site-page .contact-band h2{color:#fff}.site-page .contact-band p{color:#afc2d8}@media (width<=900px){.global-header,.section-title,.admin-titlebar{flex-direction:column;align-items:flex-start;height:auto;padding:12px}.mode-tabs{width:100%;overflow-x:auto}.site-hero{min-height:680px}.hero-copy{padding:44px 22px}.hero-stats{grid-template-columns:1fr}.hero-hud{margin:0 22px 34px;position:relative;bottom:auto;right:auto}.process-band,.strategy-grid,.contact-band,.metrics-grid,.panel-grid,.admin-shell,.im-workbench{grid-template-columns:1fr}.contact-band{flex-direction:column;align-items:flex-start}.editor-grid{grid-template-columns:1fr}.admin-sidebar{gap:6px;display:flex;overflow-x:auto}.admin-nav{flex:none;width:auto}.search-pill,.search-pill input{width:100%}}