:root{--ink:#302d38;--muted:#8c8390;--pink:#eaa8c3;--pink-strong:#c55d88;--line:#ece4e9;--white:#fff;--bg:#faf7f8;--soft:#fcf0f5;--green:#3a9981;--red:#ca5b68;--shadow:0 14px 48px rgba(75,44,61,.04);font-family:system-ui,-apple-system,"Noto Sans TC","Microsoft JhengHei",sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}a{color:inherit}[hidden]{display:none!important}
.app-shell{display:flex;min-height:100vh}.sidebar{background:#fff;width:238px;min-width:238px;padding:32px 20px 23px;display:flex;flex-direction:column;border-right:1px solid var(--line);position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;margin:0 0 54px 9px}.brand-logo,.logo-mark{display:grid;place-items:center;background:#332c35;color:#fff;font-weight:900;border-radius:13px;height:42px;width:42px;font-size:22px;box-shadow:0 5px 10px #302d3810}.brand strong{font-size:19px;display:block;letter-spacing:1px}.brand small{font-size:9px;letter-spacing:2.3px;color:var(--muted)}.nav-label{margin:0 12px 13px;color:#a9a0a8;font-size:12px;letter-spacing:1px}.nav{display:grid;gap:7px}.nav-btn{display:flex;align-items:center;gap:12px;width:100%;border:0;text-align:left;background:transparent;color:#6d6671;padding:13px 14px;border-radius:10px;font-weight:600;font-size:14px}.nav-btn:hover,.nav-btn.active{background:#fbecf2;color:#a74773}.nav-ico{font-size:19px;line-height:1;display:inline-block;width:22px;text-align:center}.side-note{background:#fff8fa;border:1px solid #f4e1e9;padding:16px;border-radius:13px;margin-top:auto}.side-note strong{font-size:13px}.side-note p{margin:8px 0 0;line-height:1.7;color:#8c7481;font-size:11px}.side-dot{background:#6cad98;height:7px;width:7px;border-radius:50%;display:inline-block;margin-right:6px}.logout{margin:17px 4px 2px;text-align:left;color:#897580;background:transparent;border:0;padding:8px;font-size:13px}.main-wrap{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:74px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{font-size:13px;color:#aaa1ab}.breadcrumb strong{color:#5b505a}.breadcrumb span{margin:0 8px;color:#d8cdd3}.top-actions{display:flex;align-items:center;gap:23px}.top-date{font-size:12px;color:#968a95}.top-user{padding:8px 13px;border-radius:50px;background:#f7edf1;font-size:12px;color:#a75f7d;font-weight:700}.mobile-brand{display:none}.content{max-width:1540px;width:100%;margin:0 auto;padding:37px 40px 75px;flex:1}.eyebrow{font-size:10px;letter-spacing:2px;color:#c281a0;font-weight:800}.hero{background:linear-gradient(110deg,#fff,#fff2f7 69%,#f6e8f4);border:1px solid #f1e3ea;box-shadow:var(--shadow);border-radius:19px;min-height:224px;display:flex;justify-content:space-between;overflow:hidden;padding:34px 43px;position:relative}.hero h1{font-size:clamp(20px,2.4vw,30px);font-weight:850;letter-spacing:-.5px;margin:13px 0 10px}.hero h1 span{color:#df98b5}.hero p,.page-header p{color:#897986;font-size:13px;line-height:1.8;margin:0 0 20px}.btn{border:0;border-radius:9px;padding:11px 20px;font-size:13px;font-weight:750;display:inline-flex;justify-content:center;align-items:center;gap:12px;transition:.17s}.btn-primary{background:#b95480;color:white;box-shadow:0 4px 10px #b9548025}.btn-primary:hover{background:#a4456e}.btn-outline{border:1px solid #e4d7de;background:#fff;color:#785f70}.btn-outline:hover{background:#fdf4f8}.btn-block{width:100%}.hero-art{position:relative;width:260px;margin:-34px -2px -34px 0;flex-shrink:0}.orbit{position:absolute;transform:rotate(-28deg);border:1px solid #efc8d9;border-radius:46%;height:190px;width:230px;top:30px;left:6px}.orbit-two{transform:rotate(46deg);width:172px;height:220px;top:12px;left:31px;border-color:#f0bcd2}.hero-spark{position:absolute;font-size:45px;color:#deb2dc;right:22px;top:38px}.hero-bubble{background:linear-gradient(145deg,#eec1d6,#d6a4d8);box-shadow:0 20px 38px #a74b8628;position:absolute;top:64px;left:68px;width:112px;height:112px;border-radius:32px;transform:rotate(-17deg);display:grid;place-items:center;font-size:34px;font-weight:900;color:white}.hero-bubble span{position:absolute;font-size:21px;bottom:4px;right:16px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:22px 0 34px}.stat{border:1px solid var(--line);background:#fff;border-radius:13px;padding:21px 24px;box-shadow:var(--shadow)}.stat-top{display:flex;justify-content:space-between;font-size:12px;color:#94838f}.stat-top span{font-size:17px;color:#d6b0c1}.stat strong{display:block;font-size:30px;letter-spacing:-1px;line-height:1;margin:14px 0 8px}.stat-sub{font-size:11px;color:#a99ca8}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-heading h2,.panel-heading h2{font-size:18px;margin:7px 0 4px;letter-spacing:-.2px}.section-heading p,.panel-heading p{font-size:12px;color:#a08c99;margin:6px 0 0}.text-link,.link-small{color:#b65880;background:transparent;border:0;font-size:12px;font-weight:750}.agents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:21px}.agent{background:#fff;border:1px solid var(--line);border-radius:13px;padding:21px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:192px}.agent-top{display:flex;align-items:center;justify-content:space-between}.agent-icon{width:41px;height:41px;border-radius:11px;display:grid;place-items:center;font-size:20px}.status{display:inline-flex;align-items:center;white-space:nowrap;border-radius:22px;padding:5px 9px;font-size:10px;font-weight:750}.status-ready{background:#e7f5ef;color:#3e957c}.status-off{background:#f7f0f4;color:#a58a9a}.status-ready:before{content:"";height:5px;width:5px;background:#48ab86;border-radius:50%;margin-right:5px}.agent h3{font-size:15px;margin:17px 0 6px}.agent p{font-size:12px;line-height:1.65;color:#928792;margin:0}.agent-bottom{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b2a5af}.agent-bottom button{border:0;background:transparent;color:#b4507c;font-weight:800}.two-col{display:grid;grid-template-columns:1.12fr 1fr;gap:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow)}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:14px}.panel-heading h2{margin-top:0}.recent-tasks{display:grid;gap:10px}.empty{padding:26px 15px;text-align:center;border-radius:11px;border:1px dashed #e6d7df;color:#a18a99;font-size:12px}.workflow{display:flex;align-items:start;gap:16px;padding:13px 1px}.workflow+.workflow{border-top:1px solid #f3e9ee}.workflow-num{display:grid;place-items:center;height:28px;min-width:28px;background:#fcf0f6;color:#bb6f90;border-radius:8px;font-size:11px;font-weight:800}.workflow strong{font-size:13px}.workflow p{margin:5px 0 0;font-size:11px;color:#a28c9a;line-height:1.6}.page-header{margin-bottom:26px}.page-header h1{font-size:27px;margin:9px 0 8px}.flex-header{display:flex;justify-content:space-between;align-items:center}.generator-layout{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(300px,1.15fr);gap:19px}.gen-form h2{font-size:18px;margin:0 0 24px}.gen-form label,.modal label,.login-card label{font-size:12px;font-weight:750;display:block;margin:17px 0 8px}.gen-form label em{font-style:normal;color:#c96488;font-size:11px}.gen-form input,.gen-form textarea,.gen-form select,.modal input,.modal textarea,.modal select,.login-card input{border:1px solid #ebdfe5;border-radius:9px;background:#fffcfd;padding:12px 13px;width:100%;font-size:13px;outline:0;line-height:1.5;color:var(--ink)}.gen-form textarea,.modal textarea{resize:vertical}.gen-form input:focus,.gen-form textarea:focus,.gen-form select:focus,.modal input:focus,.modal textarea:focus,.login-card input:focus{border-color:#cb82a3;box-shadow:0 0 0 3px #f7e5ee}.field-note{font-size:11px;color:#9d8b99;line-height:1.7;margin:12px 0 20px}.form-error{color:#b75565;line-height:1.6;font-size:12px;min-height:14px}.result-panel{display:flex;flex-direction:column;min-height:580px}.result-empty{margin:auto;text-align:center;color:#a68f9c;max-width:300px}.result-empty h3{color:#62515d;font-size:17px}.result-empty p{font-size:12px;line-height:1.8}.result-icon{font-size:45px;color:#d7a6bc}.result-text{font-family:inherit;font-size:13px;white-space:pre-wrap;word-break:break-word;line-height:1.95;color:#4d3d49;flex:1;margin:6px 0 16px}.result-actions{display:flex;justify-content:end;gap:10px}.tasks-panel{min-height:300px}.filters{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #f2e9ed;padding-bottom:18px;margin-bottom:14px}.filter{border:0;background:#faf3f7;border-radius:8px;padding:9px 15px;font-size:12px;color:#9b8796}.filter.active{background:#b65380;color:#fff}.task-card{padding:16px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #f5edf1}.task-card:last-child{border-bottom:0}.task-card-title{font-weight:760;font-size:13px;margin-bottom:5px}.task-meta{font-size:11px;color:#a6949f;display:flex;gap:12px}.task-controls{display:flex;gap:8px;align-items:center}.task-controls select{max-width:124px;font-size:11px;border:1px solid #e9d9e1;background:#fff;border-radius:8px;padding:7px}.task-delete{border:0;background:#fff1f4;color:#be7e8d;border-radius:8px;padding:7px 10px}.task-preview{font-size:11px;color:#a58d9d;margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:440px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 3px;border-bottom:1px solid #f1e6ec}.setting-row:last-child{border:0}.setting-row strong{font-size:14px}.setting-row p{font-size:11px;line-height:1.7;color:#978391;margin:6px 0 0}.settings-hint{background:#fff4f8;border:1px solid #f0dce7;border-radius:13px;margin-top:20px;padding:22px}.settings-hint h3{font-size:15px;margin:0 0 10px}.settings-hint p{color:#8b7281;font-size:12px;line-height:1.8}.settings-hint code{background:#fff;border:1px solid #efdae4;padding:2px 5px;border-radius:5px}.modal-backdrop{position:fixed;inset:0;background:#2e1d2f80;z-index:10;display:grid;place-items:center;padding:15px}.modal{background:#fff;max-width:510px;width:100%;border-radius:17px;padding:25px;box-shadow:0 22px 70px #231f2e55;max-height:92vh;overflow:auto}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font-size:20px}.icon-btn{font-size:24px;border:0;background:#f8eef3;color:#7e6273;height:33px;width:33px;border-radius:8px}.modal-buttons{display:flex;gap:9px;justify-content:end;margin-top:21px}.toast{position:fixed;bottom:24px;right:24px;background:#44303d;color:white;padding:12px 18px;border-radius:10px;font-size:13px;z-index:40;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top left,#f8e1ed 0,transparent 39%),linear-gradient(145deg,#fcf8fa,#f7edf3)}.login-card{background:#fff;max-width:410px;width:100%;border:1px solid #f0e0e8;border-radius:21px;box-shadow:0 30px 65px #74405c12;padding:37px}.login-card .logo-mark{margin-bottom:25px}.login-card h1{font-size:24px;margin:11px 0 8px}.login-card p{font-size:12px;line-height:1.7;color:#9c8b99}.login-card .btn{margin-top:20px;width:100%}.login-card .form-error{color:#c05266}.setup-hint{font-size:12px;padding:14px;border:1px solid #eedde5;background:#fff7fa;border-radius:9px;color:#8b6879;line-height:1.8}.setup-hint code{font-size:11px;background:#fff;padding:2px}.recent-item{display:flex;gap:10px;justify-content:space-between;padding:13px 0;border-bottom:1px solid #f5ebef}.recent-item:last-child{border:0}.recent-item strong{font-size:12px}.recent-item p{margin:6px 0 0;font-size:11px;color:#a28f9b}footer{padding:17px 40px;border-top:1px solid var(--line);font-size:11px;color:#a794a0;text-align:center}footer span{margin-left:13px}
@media(max-width:1100px){.content{padding:30px 23px 55px}.sidebar{width:208px;min-width:208px;padding:26px 14px}.agents{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{width:185px}.hero-bubble{left:24px}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;bottom:0;top:auto;left:0;right:0;width:100%;min-width:0;height:auto;padding:7px 8px calc(7px + env(safe-area-inset-bottom));z-index:8;border-top:1px solid var(--line);border-right:0;box-shadow:0 -4px 16px #3924380a}.brand,.nav-label,.side-note,.logout{display:none}.nav{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 2px;font-size:10px;border-radius:8px;white-space:nowrap}.nav-ico{font-size:19px}.topbar{height:58px;padding:0 16px}.mobile-brand{display:block;font-size:14px;font-weight:850}.mobile-brand span{display:inline-grid;place-items:center;background:#443440;color:#fff;border-radius:6px;width:23px;height:23px;margin-right:5px}.breadcrumb{display:none}.top-date{display:none}.top-user{font-size:11px}.content{padding:23px 15px 115px}.hero{padding:24px;min-height:195px}.hero-art{display:none}.hero h1{font-size:23px}.hero p{font-size:12px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 26px}.stat{padding:17px}.stat strong{font-size:27px}.section-heading h2{font-size:17px}.section-heading p{font-size:11px}.agents{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.agent{padding:15px;min-height:185px}.agent h3{font-size:13px}.agent p{font-size:11px}.two-col,.generator-layout{grid-template-columns:1fr}.panel{padding:19px}.page-header h1{font-size:23px}.flex-header{align-items:start;gap:12px}.flex-header .btn{font-size:11px;padding:10px}.task-card{align-items:start;flex-direction:column}.task-controls{align-self:flex-end}.result-panel{min-height:370px}footer{display:none}}
@media(max-width:390px){.agents{grid-template-columns:1fr}.agent{min-height:150px}.hero h1{font-size:20px}.page-header h1{font-size:21px}}