:root{
  --bg-main:#ffffff;
  --bg-sidebar:#f7f7f8;
  --bg-muted:#f9f9f9;
  --surface:#ffffff;
  --surface-hover:#ececec;
  --surface-soft:#f3f3f3;
  --border:#e5e5e5;
  --border-strong:#d4d4d4;
  --text-primary:#111111;
  --text-secondary:#444444;
  --text-muted:#8a8a8a;
  --brand:#10a37f;
  --black-button:#000000;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:22px;
  --radius-pill:999px;
  --shadow-prompt:0 8px 24px rgba(0,0,0,.06);
  --shadow-popover:0 18px 60px rgba(0,0,0,.14);
  --sidebar-width:264px;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0;background:var(--bg-main);color:var(--text-primary)}
body{min-height:100dvh;font-size:14px;overflow:hidden}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;touch-action:manipulation}
a{color:inherit;text-decoration:none}.device-frame{min-height:100dvh;background:var(--bg-main)}.status-bar{display:none}
.app-shell{min-height:100dvh;height:100dvh;display:grid;grid-template-columns:var(--sidebar-width) 1fr;background:var(--bg-main);overflow:hidden}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.brand-row{display:flex;align-items:center;gap:10px;padding:6px 8px 10px}.brand-logo,.avatar{display:grid;place-items:center;flex:none;border-radius:50%;font-weight:700}.brand-logo{width:30px;height:30px;background:#111;color:#fff;font-size:16px}.brand-row strong{display:block;font-size:15px;font-weight:600;line-height:1.2}.brand-row small,.account-name small{display:block;color:var(--text-muted);font-size:12px;margin-top:1px}.quick-actions{display:grid;gap:6px}.action-button{height:36px;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:flex-start;padding:0 10px;gap:8px;font-weight:500}.action-button:hover,.action-button.primary{background:var(--surface-hover)}.search-box,.agent-search{height:36px;border:0;border-radius:var(--radius-sm);background:transparent;display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--text-secondary)}.search-box:hover,.agent-search:hover,.search-box:focus-within,.agent-search:focus-within{background:var(--surface-hover)}.search-box input,.agent-search input{border:0;outline:0;min-width:0;width:100%;background:transparent;color:var(--text-primary)}.search-box input::placeholder,.agent-search input::placeholder{color:var(--text-muted)}
.side-entry-list{display:grid;gap:2px}.side-entry{height:36px;display:flex;align-items:center;gap:10px;padding:0 10px;border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;white-space:nowrap}.side-entry span{width:18px;text-align:center;color:var(--text-secondary)}.side-entry.active,.side-entry:hover{background:var(--surface-hover)}.section-title{font-size:13px;color:var(--text-secondary);padding:8px 10px 4px}.agent-section{min-height:154px;display:flex;flex-direction:column;overflow:hidden}.agent-list{list-style:none;padding:0;margin:0;display:grid;gap:2px;overflow:auto;min-height:0}.agent-list button{width:100%;height:34px;display:flex;align-items:center;gap:9px;border-radius:var(--radius-sm);padding:0 8px;color:var(--text-primary);text-align:left}.agent-list button:hover,.agent-list button.active{background:var(--surface-hover)}.agent-list span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:22px;height:22px;color:#fff;font-size:12px}.dark,.blue,.violet,.gold,.green,.cyan,.rose,.ink,.slate,.user{background:#111;color:#fff}.history-section{display:grid;gap:2px;min-height:0;overflow:auto;border-top:1px solid var(--border);padding-top:8px}.history-section a{height:34px;display:flex;align-items:center;font-size:14px;padding:0 10px;border-radius:var(--radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.history-section a:hover{background:var(--surface-hover);color:var(--text-primary)}.account-bar{margin-top:auto;padding:10px 4px 2px;border-top:1px solid var(--border);display:flex;align-items:center;gap:9px}.account-bar .avatar{width:30px;height:30px}.account-name{min-width:0;flex:1}.account-name strong{display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-bar button{background:#111;color:#fff;border-radius:var(--radius-pill);padding:7px 12px;font-size:12px}
.chat-main{position:relative;display:grid;grid-template-rows:auto 1fr;min-width:0;background:var(--bg-main)}.chat-header{height:56px;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:0 16px;background:var(--bg-main);z-index:5}.chat-header h1{font-size:18px;margin:0;font-weight:500;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button{height:36px;min-width:36px;padding:0 12px;border-radius:var(--radius-pill);background:transparent;color:var(--text-secondary)}.icon-button:hover{background:var(--surface-hover);color:var(--text-primary)}#toggleSidebar{display:none}.work-area{min-height:0;overflow:auto;display:flex;flex-direction:column}.center-stage{flex:1;min-height:calc(100dvh - 56px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px max(22px,env(safe-area-inset-bottom))}.agent-hero{display:flex;flex-direction:column;align-items:center;text-align:center;width:min(760px,calc(100% - 24px));margin:0 auto 20px;background:transparent;border:0;padding:0}.hero-avatar{display:none}.eyebrow{display:none}.agent-hero h2{margin:0;font-size:28px;line-height:1.3;font-weight:500;letter-spacing:-.02em}.agent-hero p:last-child{margin:10px auto 0;width:min(620px,100%);color:var(--text-muted);line-height:1.7;font-size:14px}.message-card{width:min(760px,calc(100% - 32px));max-height:26vh;margin:0 auto 16px;overflow:auto;padding:0 4px 8px;color:var(--text-secondary);font-size:15px;line-height:1.75}.message-card:empty{display:none}.message-card p{margin:10px 0}.message-card strong{font-size:16px;color:var(--text-primary)}.message-card hr{border:0;border-top:1px solid var(--border);margin:18px 0}.message-card h2{font-size:18px;margin:10px 0;color:var(--text-primary)}.message-card h3{font-size:16px;margin:18px 0 6px;color:var(--text-primary)}.message-card ul{margin:8px 0 12px 22px;padding:0}.message-card li{margin:4px 0}.chat-bubble{max-width:88%;border:0;border-radius:18px;padding:11px 14px;margin:10px 0;background:var(--surface-soft);font-size:14px}.chat-bubble.user{margin-left:auto;background:#111;color:#fff}.chat-bubble.assistant{margin-right:auto;background:#f4f4f4;color:var(--text-primary)}.chat-bubble p{margin:6px 0 0;white-space:pre-wrap}.chat-composer{width:100%;background:transparent;padding:0 0 max(8px,env(safe-area-inset-bottom))}.composer-inner,.prompt-shell{width:min(760px,100%);min-height:56px;margin:0 auto;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-strong);border-radius:28px;padding:8px 10px 8px 14px;box-shadow:var(--shadow-prompt)}.composer-inner:focus-within,.prompt-shell:focus-within{border-color:#c7c7c7;box-shadow:0 10px 30px rgba(0,0,0,.08)}.composer-inner textarea{flex:1;border:0;outline:0;resize:none;min-height:28px;max-height:120px;font-size:15px;background:transparent;line-height:1.45}.composer-inner textarea::placeholder{color:var(--text-muted)}.composer-inner button{width:36px;height:36px;border-radius:50%;background:transparent;color:var(--text-secondary);display:grid;place-items:center}.composer-inner button:hover{background:var(--surface-hover)}.composer-inner .send-button{background:#111;color:#fff}.spark{color:var(--text-secondary);font-weight:500}.composer-tip{text-align:center;color:var(--text-muted);font-size:12px;margin:8px 0 0}.task-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px auto 0;width:min(760px,calc(100% - 32px))}.task-pills button{height:40px;padding:0 15px;border-radius:var(--radius-pill);border:1px solid var(--border);background:#fff;color:var(--text-secondary);font-size:14px}.task-pills button:hover{background:var(--surface-hover);color:var(--text-primary)}
.sidebar-overlay{display:none}.membership-modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.28);padding:22px;z-index:50}.membership-modal.is-open{display:grid}.membership-panel{position:relative;width:min(980px,94vw);max-height:calc(100dvh - 44px);overflow:auto;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-popover)}.close-button{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;background:var(--surface-hover);font-size:24px;z-index:2}.membership-hero{padding:34px 38px 18px;background:#fafafa;border-bottom:1px solid var(--border)}.membership-hero h2{text-align:center;font-size:30px;font-weight:520;margin:0 0 8px;letter-spacing:-.02em}.membership-hero h2 span{color:#111}.membership-hero>p{text-align:center;color:var(--text-muted);margin:0 0 18px}.member-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:12px 14px}.member-info,.points{display:flex;align-items:center;gap:10px}.points button{background:#111;color:white;border-radius:var(--radius-pill);padding:9px 15px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 38px 30px}.plan-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:none}.plan-card.recommend{border-color:#111}.plan-card h3{font-size:22px;font-weight:560;margin:0 0 8px}.price{font-size:34px;font-weight:650;margin:0 0 12px;letter-spacing:-.03em}.price small{font-size:18px}.price span{font-size:15px;color:var(--text-muted);font-weight:500}.plan-button{width:100%;height:44px;border-radius:var(--radius-pill);background:#111;color:#fff;font-weight:600}.plan-button.opened{background:#f0f0f0;color:#111}.gift{margin:12px 0;background:#f5f5f5;color:#111;border-radius:12px;padding:9px 12px;font-weight:600}.plan-card h4{margin:13px 0 6px}.plan-card ul{margin:0;padding-left:20px;color:var(--text-secondary);line-height:1.55}.sidebar-collapsed .app-shell{grid-template-columns:0 1fr}.sidebar-collapsed .sidebar{padding:0;border:0;overflow:hidden}.sidebar-collapsed #toggleSidebar{display:inline-grid}
@media (max-width: 1180px){
  :root{--sidebar-width:240px}.app-shell{grid-template-columns: 240px 1fr}.sidebar{padding:10px}.brand-row small,.history-section{display:none}.center-stage{min-height:500px}.agent-hero h2{font-size:26px}.message-card{max-height:32vh}.plan-grid{padding-left:24px;padding-right:24px}
}
@media (max-width: 900px){
  body{overflow:hidden}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:284px;z-index:40;transform:translateX(-100%);transition:transform .22s ease;box-shadow:var(--shadow-popover)}.sidebar-collapsed .sidebar,.sidebar.is-open{transform:translateX(0);padding:12px;border-right:1px solid var(--border)}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:35}.sidebar-collapsed .sidebar-overlay{opacity:1;pointer-events:auto}#toggleSidebar{display:inline-grid}.chat-header{grid-template-columns:auto 1fr auto auto}.chat-header h1{text-align:left}.center-stage{min-height:calc(100dvh - 160px);justify-content:center}.agent-hero{width:min(680px,calc(100% - 32px))}.composer-inner,.prompt-shell{width:min(680px,100%)}.task-pills{overflow-x:auto;justify-content:flex-start;flex-wrap:nowrap;padding-bottom:2px}.task-pills button{flex:none}.plan-grid{grid-template-columns:1fr}.member-strip{align-items:flex-start;flex-direction:column}.membership-hero h2{font-size:26px}
}
@media (max-width: 640px){
  .chat-header{height:54px;padding:0 10px}.chat-header h1{font-size:16px}.icon-button{min-width:34px;height:34px;padding:0 9px}.center-stage{min-height:calc(100dvh - 148px);padding:18px 12px 8px;justify-content:flex-start;padding-top:18vh}.agent-hero{margin-bottom:18px}.agent-hero h2{font-size:22px}.agent-hero p:last-child{font-size:13px;line-height:1.6}.message-card{width:calc(100vw - 32px);max-height:30vh;font-size:14px}.chat-composer{padding-left:16px;padding-right:16px}.composer-inner,.prompt-shell{width:calc(100vw - 32px);min-height:52px;border-radius:26px;padding:7px 8px 7px 12px}.composer-inner textarea{font-size:15px}.composer-inner button{width:34px;height:34px}.composer-inner button[aria-label="上传图片"],.composer-inner button[aria-label="上传附件"]{display:none}.task-pills{width:calc(100vw - 32px);margin-top:14px}.task-pills button{height:38px;font-size:13px}.composer-tip{font-size:11px}.membership-modal{padding:0}.membership-panel{width:100vw;max-height:100dvh;border-radius:0;border:0}.membership-hero,.plan-grid{padding-left:18px;padding-right:18px}.membership-hero{padding-top:54px}.price{font-size:30px}
}