:root{--primary: #1073ff;--text: #111827;--muted: #6b7280;--bg: #f7f7fb;--card: #ffffff;--grad-blue-from: #60a5fa;--grad-blue-to: #2563eb;--grad-purple-from: #a78bfa;--grad-purple-to: #7c3aed;--grad-green-from: #34d399;--grad-green-to: #10b981;--grad-pink-from: #f472b6;--grad-pink-to: #ec4899}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--text);background:var(--bg)}.app-container{display:flex;flex-direction:column;height:100%}.app-content{flex:1 1 auto;padding-bottom:64px}.tabbar{position:fixed;bottom:0;left:0;right:0;height:56px;background:#fff;border-top:1px solid #eee;display:grid;grid-template-columns:repeat(4,1fr)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;font-size:12px;gap:2px}.tab-icon{font-size:18px;line-height:18px}.icon-wrap{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:linear-gradient(135deg,#eef2ff,#fff 60%);box-shadow:inset 0 1px #fff9,0 1px 2px #0000000d;border:1px solid #eef2f7}.tab-icon-img{width:20px;height:20px;object-fit:contain;filter:grayscale(1) opacity(.7)}.tab.active{color:var(--primary)}.tab.active .icon-wrap{background:linear-gradient(135deg,var(--grad-blue-from) 0%,var(--grad-blue-to) 100%);color:#fff;transform:translateY(-1px);transition:transform .12s ease}.tab.active .tab-icon-img{filter:none}.page{padding:16px}.section-title{font-weight:600;margin:12px 0}.grid-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.grid-item{background:var(--card);border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 1px 2px #0000000a;border:1px solid #eef2f7;text-decoration:none;color:inherit;transition:transform .12s ease,box-shadow .12s ease}.grid-item:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1018280f}.grid-item .label{font-size:14px}.icon-circle{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;box-shadow:inset 0 1px #fff9,0 1px 2px #0000000a;color:#334155}.icon-circle img{width:20px;height:20px;object-fit:contain}.icon-circle .logo-img{width:20px;height:20px;padding:0;background:transparent;border-radius:0;object-fit:contain;box-shadow:none}.icon-circle svg{width:20px;height:20px;display:block}.gradient-blue{background:linear-gradient(135deg,var(--grad-blue-from),var(--grad-blue-to));color:#fff;border-color:transparent}.gradient-purple{background:linear-gradient(135deg,var(--grad-purple-from),var(--grad-purple-to));color:#fff;border-color:transparent}.gradient-green{background:linear-gradient(135deg,var(--grad-green-from),var(--grad-green-to));color:#fff;border-color:transparent}.gradient-pink{background:linear-gradient(135deg,var(--grad-pink-from),var(--grad-pink-to));color:#fff;border-color:transparent}.banner{position:relative;border-radius:12px;overflow:hidden;height:140px;background:#e5f0ff;display:flex;align-items:center;justify-content:center;border:1px solid #e6eefc}.banner .headline{font-size:16px;font-weight:700;color:#0f172a}.coop{position:absolute;bottom:8px;left:12px;right:12px;display:flex;gap:8px;align-items:center;font-size:12px;color:#334155}.tasks{margin-top:12px;background:var(--card);border-radius:12px;padding:12px;box-shadow:0 1px 2px #0000000a}.tasks .row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pill{position:relative;background:#f1f5f9;border-radius:999px;padding:6px 10px 6px 26px;font-size:12px;color:#0f172a;display:inline-flex;align-items:center;gap:6px}.pill:before{content:"";position:absolute;left:8px;width:12px;height:12px;border-radius:999px;border:2px solid #94a3b8;background:#fff;box-shadow:inset 0 1px #fff9}.pill.done{background:#dcfce7;color:#065f46}.pill.done:before{background:#10b981;border-color:#10b981}.panel{margin-top:12px;background:var(--card);border-radius:12px;padding:12px;box-shadow:0 1px 2px #0000000a}.panel .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{background:#f8fafc;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}.metric .value{font-size:18px;font-weight:700}.actions-grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.action-card{width:100%;height:108px;background:#fff;border-radius:16px;box-shadow:0 2px 10px #0000000f;border:1px solid #eef2f7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#0f172a;transition:transform .12s ease,box-shadow .12s ease}.action-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px #10182814}.action-card:active{transform:translateY(0)}.action-card .icon-circle{width:40px;height:40px}.action-card .icon-circle img{width:24px;height:24px}.action-card span{font-size:14px;font-weight:600}.triangle-actions{display:contents}.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#ffffffb3;box-shadow:inset 0 1px #fff9,0 1px 2px #0000000d}.icon-badge .icon-img{width:22px;height:22px;object-fit:contain;border-radius:4px}.tab-icon-svg{width:18px;height:18px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:flex-end;justify-content:center;padding:16px}.sheet{width:100%;max-width:640px;background:#fff;border-radius:16px 16px 12px 12px;padding:12px}.chat-page{display:flex;flex-direction:column;height:calc(100vh - 56px)}.chat-header{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #eef2f7;background:linear-gradient(135deg,#f0f7ff,#fff)}.chat-header .title .name{font-weight:700}.chat-header .title .sub{font-size:12px;color:var(--muted)}.chat-header .tools{margin-left:auto;display:inline-flex;gap:8px;align-items:center}.tool{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;font-size:12px}.history{position:relative}.history summary{list-style:none;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;font-size:12px}.history[open] summary{border-bottom-left-radius:0;border-bottom-right-radius:0}.history-list{position:absolute;right:0;top:32px;z-index:10;width:300px;max-height:55vh;overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #00000014;padding:6px}.history-item{width:100%;display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;background:#fff;border:1px solid #eef2f7;border-radius:8px;padding:6px 6px 6px 8px;margin-bottom:6px}.history-item.active{border-color:var(--primary);background:#eff6ff}.history-main{text-align:left;background:none;border:none;padding:0}.history-del{background:#fee2e2;color:#b91c1c;border:none;border-radius:6px;padding:4px 6px;font-size:12px}.history-item .t1{font-size:13px;font-weight:600;color:#0f172a}.history-item .t2{font-size:12px;color:#64748b;margin-top:2px}.avatar{width:28px;height:28px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#eef2ff}.avatar.assistant{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.avatar.assistant{width:28px;height:28px;object-fit:contain;border-radius:8px}.avatar.user{background:linear-gradient(135deg,#fed7aa,#fca5a5);font-size:18px}.welcome{padding:12px 16px}.welcome-main{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:14px;text-align:center;box-shadow:0 2px 10px #0000000a}.welcome-logo{width:56px;height:56px;object-fit:contain;border-radius:12px}.welcome-title{margin-top:8px;font-weight:700}.welcome-desc{margin-top:6px;color:#475569;font-size:13px;line-height:1.5}.prompt-cards{margin-top:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.prompt-card{background:#0ea5e9;color:#fff;border:none;border-radius:12px;padding:10px 12px;text-align:left;box-shadow:0 2px 8px #0ea5e94d}.prompt-card:hover{filter:brightness(1.02)}.msg-list{flex:1 1 auto;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.msg{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:flex-start}.msg.user{grid-template-columns:1fr 28px}.msg .bubble{background:#fff;border:1px solid #e6eefc;border-radius:12px;padding:10px 12px;line-height:1.6;font-size:14px}.msg.user .bubble{background:#dcfce7;border-color:#bbf7d0}.msg.assistant .bubble{background:#fff}.typing{display:inline-flex;gap:6px}.typing span{width:6px;height:6px;background:#94a3b8;border-radius:999px;display:inline-block;animation:blink 1s infinite ease-in-out}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.empty-hint{text-align:center;color:#94a3b8;font-size:14px;padding:12px 0}.followups{display:flex;flex-wrap:wrap;gap:8px;padding:6px 16px 10px}.followup{background:#0ea5e9;color:#fff;border:none;border-radius:999px;padding:6px 12px;font-size:12px;box-shadow:0 2px 8px #0ea5e940}.followup:hover{filter:brightness(1.03)}.input-bar{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:10px 12px 12px;border-top:1px solid #eef2f7;background:#fff}.chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;font-size:12px}.input-wrap{display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px}.input-wrap input{width:100%;border:none;outline:none;font-size:14px}.send{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:8px 12px}.activity-hero{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,#e6f0ff,#fff);border:1px solid #e6eefc;padding:16px;display:grid;grid-template-columns:1fr;gap:12px}.hero-main{display:flex;flex-direction:column;gap:8px}.hero-title{margin:0;font-size:20px;font-weight:800;letter-spacing:.2px;color:#0f172a}.hero-sub{margin:0;font-size:12px;color:#334155}.hero-tags{display:inline-flex;gap:8px;margin-top:4px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid transparent}.badge.success{background:#dcfce7;color:#065f46;border-color:#bbf7d0}.badge.info{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.hero-cta{display:inline-flex;gap:8px;margin-top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;font-size:14px;text-decoration:none;border:1px solid #e2e8f0;color:#0f172a;background:#fff}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #1073ff40}.btn.plain{background:#fff}.btn:active{transform:translateY(0)}.btn:hover{filter:brightness(1.02)}.btn:disabled{opacity:.5;pointer-events:none}.btn svg{display:block}.btn.glass{background:linear-gradient(180deg,#ffffffa6,#ffffff59);border:1px solid rgba(226,232,240,.7);color:#0f172a;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);box-shadow:0 6px 14px #0f172a14,inset 0 1px #fff9}.banner-cta{position:absolute;right:12px;bottom:10px}.hero-side{text-align:right}.hero-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 10px;background:#ffffffb3;border:1px solid #e6eefc;border-radius:10px;font-size:12px;color:#0f172a}.activity-section{margin-top:14px;background:var(--card);border:1px solid #eef2f7;border-radius:14px;box-shadow:0 1px 2px #0000000a;padding:12px}.activity-title{margin:0 0 8px;font-size:16px;font-weight:700}.activity-desc{margin:0;color:#475569;font-size:13px;line-height:1.6}.tile-grid{margin-top:10px;display:grid;grid-template-columns:1fr;gap:10px}.tile{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px}.tile-h{font-weight:700;margin-bottom:6px}.tile-ul{margin:0;padding-left:18px;display:grid;gap:4px;font-size:13px;color:#334155}.timeline{margin:8px 0 0;padding-left:18px;display:grid;gap:6px;font-size:13px;color:#334155}.timeline .dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--primary);margin-right:6px;transform:translateY(-1px)}.faq{margin-top:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px}.faq summary{cursor:pointer;font-weight:600}.faq[open]{background:#fff}.faq>div{margin-top:6px;color:#475569;font-size:13px}.cta-row{display:flex;gap:10px;margin-top:10px}.bottom-gap{height:24px}@media (min-width: 640px){.activity-hero{grid-template-columns:1fr auto}.tile-grid{grid-template-columns:1fr 1fr}}.form{background:var(--card);border:1px solid #eef2f7;border-radius:14px;padding:12px;box-shadow:0 1px 2px #0000000a}.form-grid{display:grid;grid-template-columns:1fr;gap:10px}.field{display:grid;gap:6px}.field.full{grid-column:1 / -1}.field label{font-size:13px;color:#334155}.field input,.field select,.field textarea{width:100%;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;font-size:14px;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1073ff1f}.error{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:6px 8px;font-size:12px}.upload-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px}.agree{margin-top:12px;display:flex;align-items:center;justify-content:space-between}.checkbox{display:inline-flex;align-items:center;gap:8px}.hint{margin-top:6px;color:#64748b;font-size:12px}.result{display:grid;gap:8px}.status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid transparent;width:fit-content}.status.ok{background:#dcfce7;color:#065f46;border-color:#bbf7d0}.status.fail{background:#fee2e2;color:#991b1b;border-color:#fecaca}.toast{position:fixed;left:50%;bottom:76px;transform:translate(-50%);background:#0f172adb;color:#fff;border-radius:999px;padding:8px 12px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .18s ease}.toast.show{opacity:1}@media (min-width: 640px){.form-grid,.upload-grid{grid-template-columns:1fr 1fr}}