:root{--bg: #edf7f6;--panel: rgba(255, 255, 255, .88);--panel-strong: #ffffff;--line: rgba(27, 76, 92, .1);--line-strong: rgba(27, 76, 92, .16);--text: #17313a;--text-soft: #627c83;--text-faint: #8ba0a6;--brand: #169f99;--brand-deep: #127d78;--brand-sky: #81d5cf;--mint: #4ec9a5;--violet: #7d6bff;--amber: #ffb13d;--rose: #ff6991;--shadow-lg: 0 26px 60px rgba(48, 93, 99, .12);--shadow-md: 0 12px 28px rgba(48, 93, 99, .08);--radius-xl: 26px;--radius-lg: 18px;--radius-md: 14px;--shell-max: 1600px;--font-sans: "HarmonyOS Sans SC", "Alibaba PuHuiTi 3.0", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;color:var(--text);font-family:var(--font-sans);font-synthesis:none;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top left,rgba(109,203,195,.18),transparent 28%),radial-gradient(circle at top right,rgba(147,227,221,.2),transparent 24%),linear-gradient(180deg,#f6fbfb,#edf7f6 38%,#ecf4f5)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh}body{color:var(--text)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{border:0;background:none;cursor:pointer}input{outline:none}.app-shell{min-height:100vh;width:min(100%,var(--shell-max));margin:0 auto;padding:14px 18px 22px}.shell-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border:1px solid rgba(255,255,255,.56);border-radius:20px;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fcfdffcc;box-shadow:0 10px 32px #1e407414}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{position:relative;width:42px;height:42px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#ff8c52,#ff6a35 54%,#ff531f);box-shadow:inset 0 1px 1px #ffffff59}.brand-mark:before,.brand-mark:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:12px;border:2px solid rgba(255,255,255,.9);transform:rotate(45deg)}.brand-mark:after{top:12px;right:12px;bottom:12px;left:12px;opacity:.42}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:1.35rem;line-height:1}.brand-copy span{color:var(--text-soft);font-size:.8rem}.top-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.top-nav-link{padding:9px 13px;border-radius:999px;color:var(--text-soft);font-weight:600;transition:all .22s ease;font-size:.94rem}.top-nav-link:hover,.top-nav-link.active{color:var(--brand-deep);background:#2672ff1a}.top-actions{display:flex;align-items:center;gap:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:14px;color:var(--text);background:#f8fbffe6;border:1px solid rgba(26,61,110,.08);box-shadow:inset 0 1px #ffffffe6;transition:transform .22s ease,border-color .22s ease}.icon-button:hover{transform:translateY(-1px);border-color:#2772ff3d}.avatar-pill{display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"avatar name" "avatar meta";column-gap:10px;row-gap:1px;align-items:center;min-width:136px;padding:5px 9px;border-radius:999px;background:#f8fbffeb;border:1px solid rgba(26,61,110,.08)}.avatar-dot{grid-area:avatar;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:#fff;font-size:.95rem;font-weight:700;background:linear-gradient(135deg,#ff8f66,#ff6b85)}.avatar-pill>span:last-of-type{grid-area:name;font-weight:700;font-size:.95rem}.avatar-pill small{grid-area:meta;color:var(--text-faint);font-size:.78rem}.shell-layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:16px;margin-top:14px}.side-panel,.content-panel{position:relative;border:1px solid rgba(255,255,255,.68);border-radius:var(--radius-xl);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow-md)}.side-panel{padding:18px 14px;overflow:hidden}.side-panel:before,.content-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff6,#fff0 24%);pointer-events:none}.content-panel{min-height:calc(100vh - 140px);padding:18px}.section-label{margin-bottom:12px;color:var(--text-faint);font-size:.82rem;font-weight:700;letter-spacing:.04em}.nav-stack{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:15px;color:var(--text-soft);font-weight:600;transition:all .22s ease;font-size:.94rem}.nav-item:hover,.nav-item.active{color:var(--brand-deep);background:linear-gradient(135deg,#2672ff24,#6ebbff14)}.side-footer{margin-top:22px;padding:14px;border-radius:18px;background:radial-gradient(circle at top right,rgba(86,175,255,.36),transparent 28%),linear-gradient(135deg,#1752d7,#2b79ff 42%,#55b8ff);color:#f7fbff;overflow:hidden}.side-footer h4{margin:0 0 8px;font-size:.96rem}.side-footer p{margin:0;font-size:.88rem;opacity:.92}.hero-panel{position:relative;overflow:hidden;padding:24px 26px;border-radius:24px;color:#f6fbff;background:radial-gradient(circle at 86% 12%,rgba(255,255,255,.18),transparent 18%),radial-gradient(circle at 16% 120%,rgba(145,223,214,.26),transparent 32%),linear-gradient(135deg,#164348,#1d7f7a 46%,#6fd1c8);box-shadow:inset 0 1px #ffffff2e}.hero-panel:after{content:"";position:absolute;width:300px;height:300px;right:-80px;top:-110px;border-radius:50%;background:#ffffff14;filter:blur(8px)}.hero-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 11px;border-radius:999px;background:#ffffff1f;font-size:.82rem;font-weight:700}.hero-panel h1,.hero-panel h2,.hero-panel h3{margin:0;color:#fff}.hero-panel h1{font-size:1.9rem;line-height:1.14}.hero-panel p{margin-top:10px;max-width:680px;color:#f5faffe6;font-size:.96rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.primary-button,.secondary-button{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;font-weight:700;transition:transform .22s ease;font-size:.94rem}.primary-button{color:#145853;background:#fff}.secondary-button{color:#f7fbff;background:#ffffff1f;border:1px solid rgba(255,255,255,.24)}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.page-grid{display:grid;gap:14px;margin-top:14px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-card,.surface-card{position:relative;overflow:hidden;padding:18px;border-radius:22px;border:1px solid var(--line);background:var(--panel-strong);box-shadow:0 10px 26px #234f560f}.metric-card:before{content:"";position:absolute;inset:auto -30px -30px auto;width:120px;height:120px;border-radius:50%;background:#2672ff14}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-tag{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px}.metric-tag.blue{background:#169f991f;color:var(--brand-deep)}.metric-tag.green{background:#4ec9a524;color:#20a67e}.metric-tag.amber{background:#ffb13d26;color:#dd8f00}.metric-tag.violet{background:#7d6bff24;color:var(--violet)}.metric-card h3{margin:14px 0 6px;font-size:1.7rem;line-height:1}.metric-card p{margin:0;color:var(--text-soft);font-size:.92rem}.metric-foot{margin-top:16px;display:flex;align-items:center;gap:8px;color:var(--text-faint);font-size:.92rem}.chart-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.9fr);gap:18px}.surface-card h3{margin:0;font-size:1.05rem}.surface-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.surface-card-header p{margin:4px 0 0;color:var(--text-soft);font-size:.92rem}.chart-shell{padding-top:10px}.chart-svg{width:100%;height:auto}.chart-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;color:var(--text-soft);font-size:.9rem}.legend-pill{display:inline-flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:50%}.list-stack{display:flex;flex-direction:column;gap:14px}.list-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px dashed rgba(34,62,101,.12)}.list-row:last-child{border-bottom:0;padding-bottom:0}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;font-size:.88rem;font-weight:700;background:#2672ff1a;color:var(--brand-deep)}.row-copy strong{display:block;margin-bottom:4px}.row-copy span,.row-meta{color:var(--text-soft);font-size:.92rem}.two-col{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.status-tile{padding:18px;border-radius:20px;background:linear-gradient(180deg,#fbfdff,#f3f8ff);border:1px solid rgba(39,114,255,.08)}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;font-size:.86rem;font-weight:700;color:#167b5d;background:#4ec9a524}.status-pill.warn{color:#b57a07;background:#ffb13d29}.status-pill.info{color:var(--brand-deep);background:#2672ff1f}.tile-value{margin-top:14px;font-size:1.56rem;font-weight:800;letter-spacing:-.02em}.tile-sub{color:var(--text-soft);font-size:.92rem}.api-list{display:flex;flex-direction:column;gap:12px}.api-item{padding:14px 16px;border-radius:18px;background:#f7faff;border:1px solid rgba(31,70,129,.08)}.api-item code{display:inline-block;padding:6px 8px;border-radius:10px;font-family:var(--font-mono);font-size:.88rem;color:var(--brand-deep);background:#2672ff14}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.72fr);gap:16px;padding:22px 24px;border-radius:24px;border:1px solid rgba(18,80,92,.08);background:radial-gradient(circle at top right,rgba(175,233,229,.24),transparent 24%),radial-gradient(circle at bottom left,rgba(63,170,161,.16),transparent 28%),linear-gradient(135deg,#173a40,#176d69 42%,#56c7bf);color:#f7fbff;box-shadow:0 18px 42px #1b515729}.dashboard-hero-copy h1{margin:0;font-size:clamp(1.35rem,1.9vw,1.8rem);line-height:1.08}.dashboard-hero-copy p{margin:8px 0 0;max-width:620px;color:#f4f9ffe6;font-size:.9rem}.dashboard-kicker{background:#ffffff24}.dashboard-hero-side{display:grid;gap:14px;align-content:space-between}.dashboard-state-card{display:grid;gap:7px;padding:12px 14px;border-radius:18px;background:#ffffff24;border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dashboard-state-card strong{font-size:.98rem;letter-spacing:.01em}.dashboard-state-card small{color:#ecf5ffc2;font-size:.88rem}.dashboard-state-badge{display:inline-flex;width:fit-content;align-items:center;padding:7px 11px;border-radius:999px;font-size:.82rem;font-weight:700;color:#0f6957;background:#a8f4dceb}.dashboard-state-badge.pending{color:#8d5400;background:#ffdd8ceb}.dashboard-action-row{display:flex;gap:10px;flex-wrap:wrap}.dashboard-refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 14px;border-radius:14px;color:#f7fbff;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.dashboard-refresh-button:disabled{opacity:.72;cursor:not-allowed}.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dashboard-metric-card{position:relative;overflow:hidden;min-height:148px;padding:18px;border-radius:22px;border:1px solid rgba(18,80,92,.08);background:radial-gradient(circle at bottom right,rgba(109,203,195,.12),transparent 24%),linear-gradient(180deg,#fff,#f7fcfb);box-shadow:0 10px 22px #2453590f}.dashboard-metric-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-metric-key{color:var(--text-soft);font-size:.84rem;font-weight:700}.dashboard-metric-card h3{margin:16px 0 6px;font-size:1.76rem;line-height:1;letter-spacing:0}.dashboard-metric-card p{margin:0;color:var(--text-soft);font-size:.86rem;line-height:1.55}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:16px}.dashboard-trend-shell{position:relative;padding-top:4px}.dashboard-chart-overlay{position:absolute;inset:84px 32px auto;display:grid;gap:6px;justify-items:center;padding:18px 20px;border-radius:18px;background:#ffffffe0;border:1px solid rgba(18,61,123,.08);box-shadow:0 12px 30px #173a6d14;text-align:center}.dashboard-chart-overlay strong{font-size:1rem}.dashboard-chart-overlay span{color:var(--text-soft);font-size:.9rem}.dashboard-chart-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.dashboard-mini-stat{display:grid;gap:2px;padding:10px 12px;border-radius:16px;background:#f8fbff;border:1px solid rgba(18,61,123,.08)}.dashboard-mini-stat span,.dashboard-mini-stat small{color:var(--text-soft)}.dashboard-mini-stat strong{font-size:1rem}.dashboard-rank-list,.dashboard-activity-list{display:flex;flex-direction:column;gap:12px}.dashboard-rank-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px dashed rgba(34,62,101,.12)}.dashboard-rank-item:last-child{border-bottom:0;padding-bottom:0}.dashboard-lower-grid,.dashboard-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-single-grid{display:grid;grid-template-columns:1fr;gap:16px}.dashboard-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-service-item{display:grid;gap:10px;padding:16px;border-radius:20px;background:radial-gradient(circle at top right,rgba(74,143,255,.1),transparent 28%),linear-gradient(180deg,#fff,#f6faff);border:1px solid rgba(18,61,123,.08)}.dashboard-service-head{display:flex;justify-content:flex-start}.dashboard-service-item strong{font-size:1.02rem}.dashboard-service-item span:last-child{color:var(--text-soft);font-size:.9rem}.dashboard-activity-item{display:grid;gap:10px;padding:14px 16px;border-radius:18px;border:1px solid rgba(18,61,123,.08);background:linear-gradient(180deg,#fff,#f8fbff)}.dashboard-activity-main{display:flex;align-items:center;gap:12px}.dashboard-activity-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;color:var(--brand-deep);background:#2672ff1a}.dashboard-activity-meta{display:flex;flex-wrap:wrap;gap:10px 14px;color:var(--text-soft);font-size:.88rem}.dashboard-advice-list,.dashboard-api-list{display:flex;flex-direction:column;gap:12px}.dashboard-advice-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(18,61,123,.08)}.dashboard-advice-item svg{margin-top:2px;color:var(--brand-deep)}.dashboard-advice-item strong{display:block;margin-bottom:4px}.dashboard-advice-item span{color:var(--text-soft);font-size:.9rem}.dashboard-api-item{display:grid;gap:8px;padding:14px 16px;border-radius:18px;background:#f8fbff;border:1px solid rgba(18,61,123,.08)}.dashboard-api-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dashboard-api-method{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:28px;padding:0 10px;border-radius:999px;font-size:.76rem;font-weight:800;letter-spacing:.04em;color:#0e5f46;background:#4ec9a52e}.dashboard-api-item code{display:inline-block;padding:6px 8px;border-radius:10px;font-family:var(--font-mono);font-size:.88rem;color:var(--brand-deep);background:#2672ff14}.dashboard-api-item span:last-child{color:var(--text-soft);font-size:.9rem}.dashboard-empty{display:grid;gap:8px;justify-items:start;padding:18px;border-radius:18px;border:1px dashed rgba(18,61,123,.18);background:linear-gradient(180deg,#fbfdff,#f4f8fd)}.dashboard-empty strong{font-size:.98rem}.dashboard-empty span{color:var(--text-soft);font-size:.9rem}.filter-panel{display:flex;flex-direction:column;gap:24px}.filter-group h4{margin:0 0 12px;font-size:1rem}.filter-chip-wrap{display:flex;flex-wrap:wrap;gap:10px}.filter-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;color:var(--text-soft);background:#169f990f}.filter-chip.active{color:var(--brand-deep);background:#169f9924}.chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;font-size:.78rem;font-weight:700;background:#ffffffdb}.market-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;margin-top:8px}.search-box{display:flex;align-items:center;gap:12px;height:54px;padding:0 16px;border-radius:20px;border:1px solid var(--line);background:#ffffffeb;box-shadow:0 8px 18px #2453590a}.search-box input{width:100%;color:var(--text);background:transparent}.inline-note{margin-top:10px;font-size:.92rem}.toolbar-button{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 16px;border-radius:20px;color:var(--text);border:1px solid var(--line);background:#ffffffeb;box-shadow:0 8px 18px #2453590a}.toolbar-button.danger{color:#b94a58;border-color:#b94a5829;background:#fff5f6f5}.toolbar-button.tight{height:38px;padding:0 12px;border-radius:14px}.model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.provider-section-stack{display:grid;gap:22px;margin-top:18px}.provider-section{padding:18px;border-radius:24px;border:1px solid rgba(18,80,92,.1);background:linear-gradient(180deg,#ffffffe0,#f7fcfbf0),linear-gradient(135deg,#169f990a,#6fd1c80d)}.provider-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.provider-section-actions{display:grid;justify-items:end;gap:10px}.provider-section-head h3{margin:4px 0 6px;font-size:1.18rem}.provider-section-head p{margin:0;color:var(--text-soft);font-size:.92rem}.provider-kicker{color:var(--brand-deep);font-size:.78rem;font-weight:800}.provider-count{white-space:nowrap;padding:8px 12px;border-radius:999px;color:#116f63;font-size:.86rem;font-weight:800;background:#4ec9a524}.provider-doc-link{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;color:var(--brand-deep);font-weight:700;background:#169f9914;border:1px solid rgba(22,159,153,.14)}.provider-doc-link:hover{background:#169f991f}.model-card{position:relative;overflow:hidden;padding:20px;border-radius:24px;border:1px solid rgba(18,80,92,.12);background:linear-gradient(180deg,#fffffffa,#f8fcfbfa),linear-gradient(135deg,#169f990a,#81d5cf0a);box-shadow:0 16px 28px #2453590f;transition:transform .22s ease,box-shadow .22s ease}.model-card:hover{transform:translateY(-2px);box-shadow:0 22px 40px #2453591a}.model-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.model-card-main{display:flex;gap:14px}.model-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:18px;color:var(--violet);background:linear-gradient(180deg,#7d6bff1f,#7d6bff0d);box-shadow:inset 0 1px #ffffffbf}.model-card h4{margin:0 0 6px;font-size:1.2rem}.model-vendor{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--text-soft);font-size:.92rem}.model-upstream{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;color:var(--brand-deep);font-size:.78rem;font-weight:800;background:#169f991a}.model-pricing{margin-top:16px;display:flex;flex-direction:column;gap:10px}.pricing-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-soft)}.pricing-row strong{color:var(--text)}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.tag-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:.84rem;font-weight:700;color:var(--brand-deep);background:#169f991a}.tag-pill.tier{color:#a56a00;background:#ffb13d2e}.ghost-icon-row{display:inline-flex;gap:10px;color:var(--text-faint)}.ghost-icon-row svg{width:18px;height:18px}.docs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.doc-card{padding:20px;border-radius:22px;background:#fff;border:1px solid var(--line)}.doc-card-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.doc-card-heading{display:flex;align-items:center;gap:10px}.doc-card h4{margin:14px 0 8px;font-size:1.1rem}.doc-card p{color:var(--text-soft)}.docs-platform-stack{display:grid;gap:16px}.docs-step-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.docs-step-card,.docs-faq-card,.docs-path-card{border-radius:20px;border:1px solid var(--line);background:#fff}.docs-step-card{display:grid;gap:12px;align-content:start;padding:18px}.docs-step-index{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;color:var(--brand-deep);background:#2672ff1a;font-family:var(--font-mono);font-size:.95rem;font-weight:800}.docs-step-card h4,.docs-faq-card strong,.docs-path-card strong{display:block;margin:0 0 8px}.docs-step-card p,.docs-faq-card p,.docs-path-card span{margin:0;color:var(--text-soft);line-height:1.65}.docs-callout-strip{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:16px;color:#155199;background:#2672ff14;border:1px solid rgba(38,114,255,.12)}.docs-callout-strip.soft{color:var(--text-soft);background:#ffffffd6;border-color:var(--line)}.docs-callout-strip span{line-height:1.65}.docs-checklist{display:grid;gap:10px}.docs-check-item{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;padding:12px 14px;border-radius:16px;background:#f7faffe6;border:1px solid rgba(38,114,255,.1)}.docs-checklist.warning .docs-check-item{background:#fff7f9f5;border-color:#ff699124}.docs-check-item span{color:var(--text-soft);line-height:1.65}.docs-path-grid,.docs-faq-grid{display:grid;gap:14px}.docs-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-path-card{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;align-items:start;padding:16px}.docs-faq-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.docs-faq-card{padding:18px}.docs-provider-meta{display:grid;gap:10px;margin-bottom:18px}.docs-provider-meta p{margin:0;color:var(--text-soft)}.docs-provider-callout{display:grid;gap:6px;padding:14px 16px;border-radius:18px;background:linear-gradient(180deg,#fbfdff,#f5f9ff);border:1px solid rgba(38,114,255,.1)}.docs-provider-callout strong{font-size:.96rem}.docs-provider-callout span,.docs-provider-callout small{color:var(--text-soft);line-height:1.6}.docs-provider-active{border-color:#2672ff38;box-shadow:0 18px 40px #12336614}.docs-model-tags{display:flex;flex-wrap:wrap;gap:10px}.docs-model-tags code{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;color:var(--brand-deep);background:#2672ff14;border:1px solid rgba(38,114,255,.1);font-family:var(--font-mono);font-size:.82rem}.docs-snippet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.loading-shell,.auth-shell{min-height:100vh;width:min(980px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.84fr);gap:16px;align-items:center;padding:16px 0}.auth-shell.compact{width:min(980px,calc(100% - 32px));grid-template-columns:repeat(2,minmax(0,1fr))}.loading-shell{display:flex;align-items:center;justify-content:center}.loading-card,.auth-form-card,.auth-showcase,.empty-card,.key-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.68);border-radius:22px;background:#ffffffd6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}.loading-card{min-width:320px;padding:32px 30px;display:grid;gap:10px;justify-items:center;text-align:center}.loading-orb{width:54px;height:54px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#7fc6ff,#2672ff 58%,#1748bb);box-shadow:0 0 0 12px #2672ff14}.auth-showcase{padding:22px;color:#f6fbff;background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.24),transparent 18%),radial-gradient(circle at 14% 110%,rgba(120,219,255,.24),transparent 34%),linear-gradient(135deg,#173db0,#2672ff 44%,#64bfff)}.auth-brand-art{position:relative;margin-top:14px;margin-bottom:16px;min-height:184px;padding:18px 20px;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,#ffffff29,#ffffff14),radial-gradient(circle at top right,rgba(255,215,140,.22),transparent 34%);box-shadow:inset 0 1px #ffffff47,0 18px 36px #0921582e}.auth-brand-art:after{content:"";position:absolute;right:18px;top:18px;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle,#ffffff52,#fff0 68%);pointer-events:none}.auth-brand-art-kicker,.auth-brand-curve{position:relative;z-index:1}.auth-brand-art-kicker{display:block;letter-spacing:.22em;font-size:.7rem;font-weight:700;color:#ebf6ffc2}.auth-brand-curve{display:flex;align-items:flex-end;justify-content:space-between;width:100%;margin-top:10px;padding-right:2px;transform:translateY(4px)}.brand-char{position:relative;display:inline-block;font-family:STXingkai,STKaiti,Kaiti SC,KaiTi,DFKai-SB,FZShuTi,YouYuan,cursive;font-size:clamp(3.8rem,9vw,6.4rem);line-height:.86;font-weight:700;color:transparent;background:linear-gradient(180deg,#fff,#f8fcff 22%,#97e0ff 58%,#ffe39a);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 26px rgba(121,215,255,.2),0 12px 30px rgba(12,26,84,.28);-webkit-text-stroke:1.1px rgba(255,255,255,.2);filter:drop-shadow(0 10px 22px rgba(8,29,92,.22))}.brand-char-hua{transform:translateY(22px) rotate(-11deg) skew(-10deg) scaleX(1.08) scaleY(1.08)}.brand-char-chen{transform:translateY(6px) rotate(-4deg) skew(-8deg) scaleX(1.06) scaleY(1.02)}.brand-char-zhi{transform:translateY(0) rotate(4deg) skew(7deg) scaleX(1.04) scaleY(1.01)}.brand-char-yu{transform:translateY(16px) rotate(10deg) skew(10deg) scaleX(1.08) scaleY(1.06)}.auth-showcase h1{margin:12px 0 8px;font-size:clamp(1.45rem,2.2vw,2.05rem);line-height:1.08}.auth-showcase p{margin:0;max-width:440px;color:#f6fbffe0;font-size:.92rem}.auth-feature-list{display:grid;gap:10px;margin-top:18px}.auth-feature-card{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:11px 12px;border-radius:16px;background:#ffffff24;border:1px solid rgba(255,255,255,.18)}.auth-feature-card svg{margin-top:3px}.auth-feature-card strong,.auth-feature-card span{display:block}.auth-feature-card strong{font-size:.96rem}.auth-feature-card span{margin-top:2px;color:#f6fbffcc;font-size:.84rem}.auth-form-card{padding:20px}.auth-form-head h2{margin:0;font-size:1.3rem}.auth-form-head p,.auth-footnote{margin:8px 0 0;color:var(--text-soft);font-size:.9rem}.auth-tab-row{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding:6px;margin:16px 0 12px;border-radius:16px;background:#2672ff14}.auth-tab{padding:10px 12px;border-radius:12px;color:var(--text-soft);font-weight:700;font-size:.94rem}.auth-tab.active{color:var(--brand-deep);background:#fff;box-shadow:0 8px 20px #2672ff1f}.auth-form,.key-create-form{display:grid;gap:14px}.auth-field{display:grid;gap:8px}.auth-field span{color:var(--text-soft);font-size:.9rem;font-weight:700}.auth-field input{width:100%;min-height:44px;padding:0 14px;border:1px solid rgba(27,59,106,.14);border-radius:14px;background:#f9fcfff5;color:var(--text);box-shadow:inset 0 1px #ffffffe6}.auth-field input:focus{border-color:#2672ff6b;box-shadow:0 0 0 4px #2672ff1a}.inline-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.full-width{width:100%;justify-content:center}.status-banner{padding:10px 12px;border-radius:14px;font-size:.9rem}.status-banner.info{color:#0f6b67;background:#169f991a;border:1px solid rgba(22,159,153,.12)}.status-banner.error{color:#b23a58;background:#ff69911a;border:1px solid rgba(255,105,145,.14)}.status-banner.success{color:#116149;background:#4ec9a524;border:1px solid rgba(78,201,165,.2)}.status-banner.success strong{margin-left:4px;font-family:var(--font-mono);font-size:1rem}.auth-action-button{min-width:132px;justify-content:center;color:#fff;background:linear-gradient(135deg,#1b59d9,#2672ff);border:1px solid rgba(38,114,255,.3);box-shadow:0 10px 20px #2672ff29}.auth-action-button:disabled{color:#ffffffeb;background:linear-gradient(135deg,#93acd9,#a9bfe7);border-color:#93acd959;box-shadow:none;cursor:not-allowed}.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:16px;border-radius:16px;border:1px solid rgba(27,59,106,.12);color:var(--text-soft);background:#f8fbfff0}.key-create-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.key-submit-button{min-width:168px;justify-content:center}.form-helper-text{margin-top:12px;color:var(--text-faint);font-size:.9rem}.key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.empty-card,.key-card{padding:22px}.empty-card{display:grid;gap:8px;justify-items:start}.key-card-head,.key-actions,.key-meta-grid{display:flex;align-items:center;justify-content:space-between;gap:12px}.key-card h3{margin:0 0 6px}.mono-block{margin:18px 0;padding:14px 16px;border-radius:18px;font-family:var(--font-mono);font-size:.9rem;color:#16488e;background:linear-gradient(135deg,#2672ff14,#6cb6ff1f);border:1px solid rgba(38,114,255,.12);white-space:pre;overflow-x:auto;word-break:normal;line-height:1.75}.docs-copy-button{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;border:1px solid rgba(38,114,255,.16);color:#1b4f9c;background:#ffffffe6;font-weight:700}.docs-copy-button:hover{transform:translateY(-1px)}.docs-shell-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.docs-shell-chip{padding:8px 12px;border-radius:999px;border:1px solid rgba(38,114,255,.16);background:#ffffffeb;color:#1b4f9c;font-weight:700}.docs-shell-chip.active{color:#fff;background:linear-gradient(135deg,#2672ff,#5394ff);border-color:transparent}.key-meta-grid{align-items:stretch;margin-bottom:18px}.detail-chip{flex:1;padding:14px 16px;border-radius:18px;background:#f5f9fff5;border:1px solid var(--line)}.detail-chip span,.detail-chip strong{display:block}.detail-chip span{color:var(--text-faint);font-size:.84rem}.detail-chip strong{margin-top:6px;color:var(--text);font-size:.95rem}.danger{color:#b23a58}.toolbar-button.success{color:#19724c}.recharge-layout{display:grid;grid-template-columns:1fr;gap:16px}.recharge-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.recharge-package-card,.pay-channel-card,.recharge-order-row{width:100%;text-align:left}.recharge-package-card{position:relative;overflow:hidden;padding:18px;border-radius:22px;border:1px solid rgba(31,92,104,.1);background:linear-gradient(180deg,#fffffffa,#f8fcfbf5),radial-gradient(circle at 100% 0%,rgba(22,159,153,.14),transparent 34%);box-shadow:0 12px 26px #22545a0f;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.recharge-package-card:hover,.pay-channel-card:hover,.recharge-order-row:hover{transform:translateY(-1px);border-color:#169f9947}.recharge-package-card.active,.pay-channel-card.active{border-color:#169f996b;box-shadow:0 18px 36px #169f991f,inset 0 0 0 1px #169f991a;background:linear-gradient(180deg,#f1fbfafa,#e8f7f5f2),radial-gradient(circle at 100% 0%,rgba(123,216,196,.2),transparent 34%)}.recharge-package-head,.recharge-package-foot,.payment-summary-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.recharge-package-head h4,.payment-qr-card h4{margin:0}.recharge-package-head span,.recharge-package-copy,.recharge-package-foot,.payment-qr-card p{color:var(--text-soft)}.recharge-package-copy{margin:10px 0 14px;min-height:38px;font-size:.84rem;line-height:1.55}.recharge-package-foot{font-size:.84rem}.recharge-action-row{display:flex;flex-direction:column;gap:12px;justify-content:flex-start;margin-top:14px}.payment-flow-stack{display:grid;gap:16px}.payment-summary-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border-radius:20px;background:linear-gradient(180deg,#f7fbfffa,#eff6fff0);border:1px solid rgba(38,114,255,.1)}.payment-summary-row+.payment-summary-row{margin-top:0}.payment-summary-row{padding:10px 12px;border-radius:14px;background:#ffffffb8}.payment-summary-row span,.payment-summary-row strong{display:block}.payment-summary-row span{color:var(--text-faint);font-size:.78rem;font-weight:800}.payment-summary-row strong{margin-top:5px;font-size:.95rem}.pay-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pay-channel-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.pay-channel-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;border-radius:18px;border:1px solid rgba(31,92,104,.12);background:#f8fcfbf5}.pay-channel-card strong,.pay-channel-card span{display:block}.pay-channel-card span{margin-top:4px;color:var(--text-faint);font-size:.8rem}.payment-qr-card{display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;align-items:center;padding:14px 16px;border-radius:18px;background:#f5f9fff5;border:1px solid var(--line)}.payment-qr-visual{display:flex;align-items:center;justify-content:center}.payment-qr-image,.payment-qr-placeholder{width:200px;height:200px;border-radius:16px;background:#fff;border:1px solid rgba(31,76,141,.12);box-shadow:inset 0 1px #ffffffe6}.payment-qr-image{display:block;object-fit:cover;padding:10px}.payment-qr-placeholder{display:inline-flex;align-items:center;justify-content:center;color:var(--brand-deep);background:linear-gradient(180deg,#fafcfff5,#f1f6ffeb)}.payment-code-block{margin:0}.recharge-order-row{display:grid;grid-template-columns:minmax(0,1.1fr) auto auto;gap:16px;align-items:center;padding:14px 16px;border:1px solid rgba(34,85,94,.08);border-radius:20px;background:linear-gradient(180deg,#fffffff5,#f8fcfbeb)}.payment-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#0a18316b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.payment-modal{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:20px;border-radius:26px;border:1px solid rgba(255,255,255,.68);background:#fffffff2;box-shadow:0 24px 60px #0c254e2e}.payment-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.payment-modal-head h3{margin:0}.payment-modal-head p{margin:6px 0 0;color:var(--text-soft);font-size:.92rem}.payment-qr-card.modal{margin-top:14px;padding:16px;border-radius:22px;border:1px solid rgba(18,61,123,.08);background:#ffffffc7}.recharge-order-row:first-of-type{border-top:1px solid rgba(34,62,101,.08)}.reveal{animation:reveal-up .45s ease both}.reveal.delay-1{animation-delay:.06s}.reveal.delay-2{animation-delay:.12s}.reveal.delay-3{animation-delay:.18s}@keyframes reveal-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1280px){.metrics-grid,.dashboard-metrics-grid,.docs-step-grid,.docs-faq-grid,.model-grid,.docs-snippet-grid,.key-grid,.recharge-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-layout,.dashboard-main-grid,.dashboard-lower-grid,.dashboard-bottom-grid,.two-col,.recharge-layout{grid-template-columns:1fr}}@media (max-width: 1024px){.app-shell{padding:14px}.loading-shell,.auth-shell,.auth-shell.compact{grid-template-columns:1fr}.shell-topbar{flex-wrap:wrap;border-radius:22px}.shell-layout{grid-template-columns:1fr}.side-panel,.content-panel{border-radius:24px}.service-grid,.dashboard-service-list,.docs-step-grid,.docs-faq-grid,.docs-path-grid,.docs-grid,.docs-snippet-grid,.metrics-grid,.dashboard-metrics-grid,.model-grid,.market-toolbar,.key-grid,.key-create-form,.pay-channel-grid,.payment-qr-card{grid-template-columns:1fr}.hero-panel h1{font-size:1.6rem}.dashboard-hero{grid-template-columns:1fr}.dashboard-chart-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.brand-copy strong{font-size:1.3rem}.content-panel{padding:18px}.hero-panel,.dashboard-hero,.metric-card,.dashboard-metric-card,.surface-card,.model-card,.auth-form-card,.auth-showcase,.key-card,.recharge-package-card{border-radius:20px}.auth-brand-art{min-height:150px;padding:16px 16px 18px}.auth-brand-curve{margin-top:12px}.brand-char{font-size:clamp(3rem,14vw,4.2rem)}.inline-field,.key-meta-grid,.key-actions,.recharge-order-row{flex-direction:column;align-items:stretch}.recharge-order-row{grid-template-columns:1fr}.dashboard-action-row,.dashboard-activity-meta,.dashboard-api-top{flex-direction:column;align-items:stretch}.dashboard-chart-summary,.dashboard-service-list{grid-template-columns:1fr}}.console-shell{display:grid;grid-template-columns:262px minmax(0,1fr);min-height:100vh;width:100%;max-width:none}.console-shell.experience-shell{grid-template-columns:236px minmax(0,1fr)}.console-sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:24px;height:100vh;padding:26px 16px 20px;border-right:1px solid rgba(18,80,92,.08);background:linear-gradient(180deg,#fffffff7,#f7fcfbf0),linear-gradient(180deg,#35aea708,#35aea700);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.console-brand{display:flex;align-items:center;gap:12px;padding:6px 8px}.console-brand-copy{display:flex;flex-direction:column;gap:2px}.console-brand-copy strong{font-size:1.18rem;line-height:1.1}.console-brand-copy span{color:var(--text-soft);font-size:.82rem}.console-nav{display:flex;flex-direction:column;gap:16px}.console-nav-section{display:grid;gap:10px}.console-nav-section-copy{display:grid;gap:4px;padding:0 8px}.console-nav-section-copy strong{font-size:.88rem}.console-nav-section-copy span{color:var(--text-faint);font-size:.78rem;line-height:1.5}.console-nav-section-items{display:flex;flex-direction:column;gap:8px}.console-nav-item{display:flex;align-items:center;gap:12px;min-height:50px;padding:0 16px;border-radius:16px;color:var(--text-soft);font-weight:700;transition:all .2s ease}.console-nav-item:hover{color:var(--brand-deep);background:#169f990f}.console-nav-item.active{color:var(--brand-deep);background:linear-gradient(135deg,#60cfc929,#b1f0e91f);box-shadow:inset 0 0 0 1px #178a8314}.console-sidebar-footer{margin-top:auto;display:grid;gap:10px;padding:16px 16px 18px;border-radius:20px;background:linear-gradient(180deg,#fff,#f3fbfa);border:1px solid rgba(18,80,92,.08)}.console-sidebar-badge{display:inline-flex;width:fit-content;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;color:var(--brand-deep);background:#169f991a;font-size:.82rem;font-weight:700}.console-sidebar-footer p{margin:0;color:var(--text-soft);font-size:.88rem;line-height:1.6}.console-main{display:flex;flex-direction:column;min-width:0;padding:20px 22px 26px}.console-main.experience-main{padding:10px 14px 18px}.console-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:82px;padding:18px 24px;border-radius:24px;border:1px solid rgba(18,80,92,.08);background:#ffffffe6;box-shadow:0 14px 32px #2453590f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.console-header.compact{min-height:62px;padding:12px 18px;border-radius:18px;box-shadow:0 8px 18px #2453590a}.console-header-copy h1{margin:0;font-size:1.42rem}.console-header.compact .console-header-copy h1{font-size:1.08rem}.console-header-copy p{margin:6px 0 0;color:var(--text-soft);font-size:.88rem}.console-header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.console-balance-pill{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;color:var(--brand-deep);background:#169f9914;border:1px solid rgba(22,159,153,.1);font-weight:700}.console-user-card{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px 0 8px;border-radius:18px;border:1px solid rgba(18,80,92,.08);background:#fff}.console-user-card strong,.console-user-card small{display:block}.console-user-card small{color:var(--text-soft);font-size:.8rem}.console-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff;font-weight:800;background:linear-gradient(135deg,#1aa59e,#6dd0c5)}.console-logout-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:16px;border:1px solid rgba(18,80,92,.08);background:#fff;color:var(--text)}.console-content{min-width:0;padding-top:18px}.experience-main .console-content{padding-top:10px}.console-page{display:grid;gap:18px}.console-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:start;padding:18px;border-radius:20px;border:1px solid rgba(18,61,123,.08);background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:0 10px 24px #183c740f}.stat-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px}.stat-icon.blue{color:#0d67ef;background:#2672ff1f}.stat-icon.green{color:#168b66;background:#4ec9a529}.stat-icon.amber{color:#b9780a;background:#ffb13d29}.stat-icon.violet{color:#6455da;background:#7d6bff24}.stat-card-copy{display:grid;gap:4px}.stat-card-copy span{color:var(--text-soft);font-size:.88rem;font-weight:700}.stat-card-copy strong{font-size:1.72rem;line-height:1.05;letter-spacing:-.03em}.stat-card-copy small{color:var(--text-faint);font-size:.84rem;line-height:1.5}.table-card{padding:22px}.table-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.table-toolbar h3{margin:0;font-size:1.08rem}.table-toolbar p{margin:6px 0 0;color:var(--text-soft);font-size:.88rem}.toolbar-cluster{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-button.compact,.primary-button.slim{height:44px;padding:0 14px;border-radius:16px;font-size:.9rem}.primary-button.slim{background:linear-gradient(135deg,#17837d,#35aaa2);color:#fff}.select-field{display:grid;gap:6px;min-width:160px}.select-field span{color:var(--text-soft);font-size:.82rem;font-weight:700}.select-field select{width:100%;height:44px;padding:0 14px;border:1px solid rgba(19,54,104,.12);border-radius:16px;background:#fff;color:var(--text);outline:none}.select-field.compact{min-width:0}.select-field.compact select,.surface-input,.surface-textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(34,62,101,.12);background:#ffffffeb;color:var(--text)}.surface-input{min-height:52px}.surface-textarea{resize:vertical;min-height:152px}.stack-top-6{margin-top:6px}.stack-top-18{margin-top:18px}.single-column-grid{grid-template-columns:1fr}.result-stack{display:grid;gap:12px}.detail-stack{display:grid;gap:14px}.result-preview{width:100%;border-radius:18px;border:1px solid rgba(34,62,101,.1)}.data-table-wrap{overflow-x:auto;border:1px solid rgba(18,61,123,.08);border-radius:20px;background:#fff}.data-table{width:100%;min-width:980px;border-collapse:collapse}.data-table th,.data-table td{padding:14px 16px;border-bottom:1px solid rgba(18,61,123,.08);text-align:left;vertical-align:top;font-size:.92rem}.data-table thead th{color:var(--text-soft);font-size:.82rem;font-weight:800;letter-spacing:.01em;background:#f5fbfa}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background:#169f9908}.data-table tbody tr.active{background:#169f990f}.data-table tbody tr:last-child td{border-bottom:0}.table-primary{font-weight:700;color:var(--text)}.table-secondary{margin-top:4px;color:var(--text-soft);font-size:.82rem;line-height:1.45}.table-code{display:inline-block;max-width:260px;padding:6px 8px;border-radius:10px;font-family:var(--font-mono);font-size:.82rem;line-height:1.5;color:var(--brand-deep);background:#169f9914;word-break:break-all}.table-actions{display:flex;flex-wrap:wrap;gap:8px}.inline-action{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 10px;border-radius:12px;color:var(--text);background:#169f990f;font-size:.84rem;font-weight:700}.inline-action.danger{color:#c44754;background:#ff69911a}.compact-empty{padding:22px;border-radius:18px}.error-text{color:#c44754}.orders-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.85fr);gap:18px}.student-hero{min-height:220px}.experience-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,.9fr);gap:18px}.experience-focus-card{min-height:calc(100vh - 176px);padding:18px 20px 22px}.experience-focus-card.maas-like{border-radius:22px;border:1px solid rgba(18,80,92,.06);background:#fffffffa;box-shadow:none}.experience-focus-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(18,80,92,.08)}.experience-focus-card.maas-like .experience-focus-topbar{padding-bottom:12px;border-bottom:1px solid rgba(18,80,92,.06)}.experience-focus-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.experience-balance-note{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 12px;border-radius:999px;color:var(--brand-deep);background:#169f9914;font-size:.84rem;font-weight:700}.experience-model-identity{display:grid;gap:2px;min-width:240px}.experience-model-identity strong{font-size:1rem;line-height:1.2}.experience-model-identity span{color:var(--text-faint);font-size:.8rem}.experience-mode-tabs{display:inline-flex;align-items:center;gap:8px;padding:4px;border-radius:18px;background:#f4faf9;border:1px solid rgba(18,80,92,.08)}.experience-mode-tab{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:14px;color:var(--text-soft);font-weight:700}.experience-mode-tab.active{color:var(--brand-deep);background:#fff;box-shadow:0 8px 18px #24535914}.experience-studio-layout{display:grid;grid-template-columns:310px minmax(0,1.55fr) minmax(320px,.82fr);gap:18px}.experience-mode-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.experience-mode-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;padding:16px 18px;border-radius:22px;border:1px solid rgba(18,80,92,.08);background:#ffffffeb;box-shadow:0 10px 22px #2453590a;text-align:left}.experience-mode-card strong,.experience-mode-card span{display:block}.experience-mode-card strong{font-size:.98rem}.experience-mode-card span{margin-top:4px;color:var(--text-soft);font-size:.84rem}.experience-mode-card.active{border-color:#169f9933;background:linear-gradient(180deg,#f1fbfafa,#e9f7f5f2);box-shadow:0 16px 30px #169f9914}.experience-chat-card,.experience-side-card,.experience-session-card,.experience-canvas-card{min-width:0}.experience-session-card{display:flex;flex-direction:column}.experience-model-select{min-width:220px}.experience-model-select select optgroup{color:var(--text-soft);font-style:normal;font-weight:700}.experience-chat-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.experience-chat-toolbar.minimal{align-items:center;margin-bottom:14px}.experience-toolbar-leading{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.experience-toolbar-actions{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.experience-stage{display:grid;min-height:calc(100vh - 280px);align-content:start}.experience-focus-card.maas-like .experience-stage{min-height:calc(100vh - 218px)}.experience-panel-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 11px;border-radius:999px;color:var(--brand-deep);background:#169f9914;font-size:.82rem;font-weight:700}.experience-message-list{display:grid;gap:12px;min-height:420px;max-height:620px;overflow-y:auto;padding-right:4px}.experience-message-list.enhanced{padding:10px 8px 10px 0;border-top:1px solid rgba(18,80,92,.08);border-bottom:1px solid rgba(18,80,92,.08)}.experience-message-list.spacious{min-height:480px;max-height:none;margin-top:4px}.experience-focus-card.maas-like .experience-message-list.spacious{min-height:560px;border-top:0;border-bottom:0;padding-top:22px}.experience-message{display:grid;gap:8px;padding:14px 16px;border-radius:20px;border:1px solid rgba(18,80,92,.08);background:linear-gradient(180deg,#fffffff5,#f7fcfbeb)}.experience-message.user{background:linear-gradient(180deg,#f0faf9fa,#e9f6f4f0)}.experience-message-role{color:var(--brand-deep);font-size:.78rem;font-weight:800;letter-spacing:.04em}.experience-message-body{white-space:pre-wrap;line-height:1.72;color:var(--text)}.experience-prompt-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.experience-prompt-row.centered{justify-content:center}.experience-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;color:var(--text-soft);background:#169f9914;border:1px solid rgba(22,159,153,.08)}.experience-chip:hover{color:var(--brand-deep);background:#169f991f}.experience-focus-card.maas-like .experience-chip{background:#fff;border-color:#12505c1a}.experience-input-row{display:grid;gap:12px;margin-top:18px}.experience-input-row.docked{padding-top:16px}.experience-input-row.large{margin-top:22px}.experience-textarea{min-height:124px}.experience-textarea.large{min-height:148px;border-radius:24px;padding:18px 20px}.experience-focus-card.maas-like .experience-textarea.large{min-height:120px;border-radius:26px;border-color:#12505c1a;box-shadow:0 10px 20px #2453590d}.experience-send-button{justify-content:center}.experience-input-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.experience-input-foot span{color:var(--text-faint);font-size:.84rem}.experience-focus-card.maas-like .experience-input-row.docked.large{position:sticky;bottom:0;margin-top:20px;padding-top:12px;background:linear-gradient(180deg,#fff0,#fffffff5 24%,#fff)}.experience-focus-card.maas-like .experience-input-foot{align-items:flex-end}.experience-image-grid{display:grid;gap:12px;margin-top:18px}.experience-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:6px}.experience-video-result{margin-top:18px}.experience-side-actions{display:grid;gap:12px;margin-top:16px}.experience-session-list{display:grid;gap:10px;margin-top:4px;max-height:680px;overflow-y:auto;padding-right:4px}.experience-session-item{display:grid;gap:10px;padding:14px;border-radius:18px;border:1px solid rgba(18,80,92,.08);background:linear-gradient(180deg,#fff,#f7fcfb);text-align:left;box-shadow:0 8px 18px #2453590a;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.experience-session-item:hover{transform:translateY(-1px);border-color:#169f9929}.experience-session-item.active{border-color:#169f992e;background:linear-gradient(180deg,#f2fcfb,#e9f7f5f5);box-shadow:0 14px 28px #169f9914}.experience-session-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.experience-session-item-head strong{font-size:.94rem}.experience-session-item-head span{color:var(--text-faint);font-size:.78rem;white-space:nowrap}.experience-session-item p{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-soft);font-size:.86rem;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.experience-new-session{min-width:fit-content}.experience-session-strip{display:flex;gap:10px;overflow-x:auto;margin-bottom:14px;padding-bottom:2px}.experience-session-pill{display:grid;gap:2px;min-width:160px;padding:10px 14px;border-radius:16px;border:1px solid rgba(18,80,92,.08);background:#f8fcfb;text-align:left;box-shadow:0 6px 16px #2453590a}.experience-session-pill.active{color:var(--brand-deep);border-color:#169f992e;background:linear-gradient(180deg,#f2fcfb,#e9f7f5f5)}.experience-session-pill strong{font-size:.88rem}.experience-session-pill span{color:var(--text-faint);font-size:.76rem}.experience-empty-stage{display:grid;align-content:center;justify-items:center;min-height:460px;padding:28px 16px 18px;text-align:center}.experience-empty-stage.compact{min-height:300px}.experience-empty-copy{max-width:780px}.experience-empty-copy h2{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1.14;letter-spacing:-.03em}.experience-empty-copy p{margin:14px 0 0;color:var(--text-soft);font-size:1rem;line-height:1.7}.experience-focus-card.maas-like .experience-empty-stage{min-height:560px;padding-top:46px}.experience-focus-card.maas-like .experience-empty-copy h2{font-size:clamp(2.3rem,3.6vw,3.3rem)}.experience-help-card{display:grid;gap:6px;margin-top:16px;padding:16px;border-radius:18px;background:#f5fbfa;border:1px solid rgba(18,80,92,.08)}.experience-help-card span{color:var(--text-soft);line-height:1.6}.order-detail-card{align-self:start}.detail-list{display:grid;gap:12px}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px dashed rgba(18,61,123,.12)}.detail-row:last-of-type{border-bottom:0}.detail-row span{color:var(--text-soft);font-size:.88rem}.detail-row strong{text-align:right;font-size:.94rem}.detail-callout{margin-top:8px;padding:15px 16px;border-radius:18px;color:var(--text-soft);background:#f5fbfa;border:1px solid rgba(18,61,123,.08);line-height:1.6}@media (max-width: 1280px){.console-stats-grid,.dashboard-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-mode-strip,.experience-control-grid,.experience-studio-layout,.experience-layout,.orders-layout{grid-template-columns:1fr}.experience-focus-topbar,.experience-input-foot{flex-direction:column;align-items:stretch}}@media (max-width: 960px){.console-shell{grid-template-columns:1fr}.console-sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid rgba(19,54,104,.08)}.console-main{padding:14px}.console-header,.table-toolbar{flex-direction:column;align-items:stretch}.console-header-actions,.toolbar-cluster{justify-content:flex-start}.experience-chat-toolbar{flex-direction:column;align-items:stretch}.experience-toolbar-leading,.experience-toolbar-actions{align-items:stretch}}@media (max-width: 720px){.console-stats-grid{grid-template-columns:1fr}.console-nav-item,.console-header,.table-card,.stat-card{border-radius:18px}.console-balance-pill,.console-user-card,.console-logout-button{width:100%;justify-content:center}.select-field{min-width:100%}.console-nav-section-copy{padding:0 4px}.experience-mode-tabs{width:100%;justify-content:space-between}.experience-model-identity{min-width:0}.experience-mode-tab{flex:1;justify-content:center}.experience-session-item-head{flex-direction:column;align-items:flex-start}}