:root{--font-heading:"Avenir Next","Helvetica Neue","PingFang SC","Hiragino Sans GB",sans-serif;--font-body:"PingFang SC","Hiragino Sans GB","Source Han Sans SC","Microsoft YaHei",sans-serif;--bg:#f5f5ef;--card:rgba(255,255,251,0.96);--panel:rgba(255,255,255,0.94);--border:rgba(17,27,20,0.08);--text:#152019;--muted:#66716a;--accent:#1f6f57;--accent-soft:#e8f1eb;--success:#2d7b63;--error:#b5573c;--shadow:0 22px 60px rgba(33,40,34,0.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(31,111,87,.08),transparent 28%),linear-gradient(180deg,#f9faf6,#eff2eb);color:var(--text);font-family:var(--font-body),sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-shell{max-width:1360px;margin:0 auto;padding:30px 22px 48px}.hero-section,.notice,.panel{position:relative}.hero-section{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:12px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.balance-row strong,.hero-copy h1,.panel-title-row h2{margin:12px 0;font-family:var(--font-heading),sans-serif;letter-spacing:-.04em}.hero-copy h1{font-size:clamp(2.8rem,5vw,4.4rem);line-height:.95}.hero-subtitles{display:flex;flex-wrap:wrap;gap:10px}.hero-subtitles span,.model-inline-meta span,.result-meta span,.task-meta span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(21,32,25,.05);color:var(--text);font-size:.88rem}.hero-actions{display:flex;align-items:flex-start;gap:12px}.dropdown-entry{position:relative;flex-shrink:0}.auth-tab,.auth-trigger,.primary-button,.reference-add-button,.reference-empty-card,.secondary-button{border:0;cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.auth-trigger{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:rgba(255,255,251,.94);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow)}.auth-dropdown{width:330px;padding:18px;border-radius:24px;border:1px solid var(--border)}.auth-dropdown,.simple-dropdown{position:absolute;top:calc(100% + 12px);right:0;background:rgba(255,255,252,.98);box-shadow:0 24px 60px rgba(30,40,33,.12);z-index:30}.simple-dropdown{width:220px;padding:10px;border-radius:18px;border:1px solid var(--border)}.simple-dropdown-item{width:100%;padding:12px 14px;border:0;border-radius:12px;background:rgba(21,32,25,.04);color:var(--text);text-align:left;cursor:pointer}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.auth-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:14px;background:rgba(21,32,25,.05);color:var(--muted)}.auth-tab-active{background:var(--accent-soft);color:var(--accent)}.auth-field,.form-block{display:grid;gap:10px}.auth-field{margin-bottom:12px}.auth-field span,.form-block label,.form-block span{font-weight:700}.auth-dropdown small,.notice span,.result-copy p,.side-block p,.side-block small,.task-card p{color:var(--muted);line-height:1.65}.notice{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:14px 16px;border-radius:16px;border:1px solid transparent}.notice-success{background:rgba(45,123,99,.08);border-color:rgba(45,123,99,.12);color:var(--success)}.notice-error{background:rgba(181,87,60,.08);border-color:rgba(181,87,60,.12);color:var(--error)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.55fr) 360px;gap:20px}.panel{padding:24px;border-radius:28px;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow)}.balance-row,.panel-title-row,.redeem-row,.reference-dropzone-head,.result-panel-head,.task-meta{display:flex;align-items:center}.panel-title-row,.result-panel-head{justify-content:space-between;gap:16px}.panel-title-row{margin-bottom:20px}.panel-title-row h2{margin-top:8px;font-size:1.55rem}.compose-grid,.panel-side,.task-list{display:grid;gap:18px}.model-inline-meta{display:flex;flex-wrap:wrap;gap:10px}.input,.select,.textarea{width:100%;padding:14px 16px;border:1px solid rgba(17,27,20,.1);border-radius:16px;background:rgba(252,252,248,.96);color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.input:focus,.select:focus,.textarea:focus{border-color:rgba(31,111,87,.26);box-shadow:0 0 0 4px rgba(31,111,87,.08)}.textarea{min-height:200px;resize:vertical}.reference-dropzone,.result-panel,.side-block{border:1px solid var(--border);border-radius:22px;background:var(--card)}.reference-dropzone{padding:18px;border-style:dashed}.reference-dropzone-active{border-color:rgba(31,111,87,.32);background:rgba(232,241,235,.7)}.reference-dropzone-head{justify-content:space-between;gap:14px;margin-bottom:16px}.reference-dropzone-head strong{display:block;margin-bottom:6px}.reference-dropzone-head p{margin:0;color:var(--muted)}.reference-add-button{width:54px;height:54px;border-radius:18px;background:var(--accent-soft);color:var(--accent);font-size:1.8rem;flex-shrink:0}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reference-card,.reference-empty-card{position:relative;min-height:150px;border-radius:18px;overflow:hidden;border:1px solid rgba(17,27,20,.08);background:#f6f7f1}.reference-card img{width:100%;height:100%;object-fit:cover;display:block}.reference-remove{position:absolute;right:10px;bottom:10px;border:0;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--text);cursor:pointer}.reference-empty-card{display:grid;place-items:center;gap:8px;color:var(--muted)}.reference-url-field{display:grid;gap:10px;margin-top:14px}.reference-url-field span{font-weight:700}.textarea-compact{min-height:96px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.action-stack{display:grid;gap:8px}.generation-progress{display:grid;gap:10px;padding:14px;border-radius:18px;background:rgba(31,111,87,.08);border:1px solid rgba(31,111,87,.12)}.generation-progress-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--accent);font-size:.92rem}.progress-track{height:10px;overflow:hidden;border-radius:999px;background:rgba(31,111,87,.12)}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#1f6f57,#78b59f);transition:width .26s ease}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700}.primary-button{padding:14px 22px;background:linear-gradient(135deg,#1f6f57,#2d8468);color:white;box-shadow:0 14px 30px rgba(31,111,87,.2)}.primary-button-wide{width:100%}.auth-submit{width:100%;margin-top:4px}.secondary-button{padding:12px 18px;background:rgba(21,32,25,.06);color:var(--text)}.primary-button:disabled,.secondary-button:disabled{opacity:.66;cursor:not-allowed}.result-panel{padding:18px}.result-hint{color:var(--muted);font-size:.9rem}.result-card{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px}.result-card img{width:100%;min-height:280px;border-radius:18px;object-fit:cover;display:block}.result-copy strong,.task-card strong{display:block;margin-bottom:8px;font-size:1.05rem}.result-copy p,.task-card p{margin:0 0 12px}.result-meta,.task-meta{display:flex;flex-wrap:wrap;gap:8px}.empty-task-state,.result-empty{display:grid;justify-items:center;gap:10px;padding:28px 18px;border-radius:18px;background:rgba(21,32,25,.03);color:var(--muted);text-align:center}.side-block{padding:18px}.balance-row{gap:8px;margin:12px 0 4px}.balance-row strong{font-size:2rem}.redeem-row{gap:10px;margin:10px 0 8px}.task-card{display:grid;grid-template-columns:84px 1fr;gap:14px;padding:12px;border-radius:18px;border:1px solid var(--border);background:var(--card)}.task-card img,.task-thumb-placeholder{width:84px;height:84px;border-radius:14px;object-fit:cover}.task-thumb-placeholder{background:linear-gradient(180deg,rgba(31,111,87,.08),rgba(21,32,25,.03))}.auth-tab:hover,.auth-trigger:hover,.primary-button:hover,.reference-add-button:hover,.reference-empty-card:hover,.secondary-button:hover,.simple-dropdown-item:hover{transform:translateY(-1px)}@media (max-width:1120px){.workspace-grid{grid-template-columns:1fr}.hero-section{flex-direction:column}.hero-actions{width:100%;flex-wrap:wrap}.auth-dropdown,.simple-dropdown{left:0;right:auto}}@media (max-width:760px){.page-shell{padding:18px 14px 34px}.panel{padding:18px;border-radius:22px}.hero-copy h1{font-size:2.8rem}.control-grid,.reference-grid,.result-card{grid-template-columns:1fr}.redeem-row{flex-direction:column;align-items:stretch}.task-card{grid-template-columns:1fr}.task-card img,.task-thumb-placeholder{width:100%;height:180px}.auth-dropdown,.simple-dropdown{width:min(100%,360px)}}