:root{color-scheme:light;--bg:#f5f6f8;--panel:#ffffff;--panel-soft:#f9fafb;--ink:#1f2328;--muted:#667085;--line:#d8dee6;--red:#e63b45;--red-dark:#bf2531;--blue:#2f6fa3;--green:#12805c;--amber:#b7791f;--shadow:0 16px 48px rgba(31,35,40,0.09)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea{width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);outline:none;padding:11px 12px}textarea{resize:vertical;line-height:1.65}input:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(230,59,69,.12)}h1,h2,h3,p{margin-top:0}.appShell{min-height:100vh;padding:18px}.loginShell{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(135deg,rgba(230,59,69,.08),transparent 42%),var(--bg)}.loginPanel{width:min(460px,100%);border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow);padding:30px}.loginPanel p{color:var(--red);font-size:12px;font-weight:900;letter-spacing:0;margin-bottom:10px;text-transform:uppercase}.loginPanel h1{font-size:30px;line-height:1.15;margin-bottom:10px}.loginPanel em,.loginPanel span{color:var(--muted);display:block;line-height:1.65}.loginPanel form{margin:24px 0 12px}.loginPanel button{width:100%;min-height:46px;border:0;border-radius:8px;background:var(--red);color:#fff;font-weight:900}.loginPanel em{font-size:13px;font-style:normal}.topBar{max-width:1560px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);padding:14px 16px}.brandMark{display:grid;grid-gap:3px;gap:3px}.brandMark span,.panelHeader p,.resultHero p,.scoreHeader p{color:var(--red);font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}.brandMark strong{font-size:19px}.topActions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.topActions span{border:1px solid #e5e9ef;border-radius:999px;color:var(--muted);font-size:12px;font-weight:800;padding:7px 10px}.resultHero button,.topActions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:6px;background:#1f2328;color:#fff;font-weight:800;min-height:36px;padding:0 12px}.topActions button svg{width:15px;height:15px}.demoGrid{max-width:1560px;margin:0 auto;display:grid;grid-template-columns:minmax(360px,470px) minmax(0,1fr);grid-gap:14px;gap:14px}.inputPanel,.resultPanel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.inputPanel{height:calc(100vh - 104px);min-height:680px;overflow:auto;position:-webkit-sticky;position:sticky;top:18px;padding:18px}.resultPanel{min-height:calc(100vh - 104px);padding:18px}.blockTitle,.panelHeader,.resultHero,.scoreHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.panelHeader{margin-bottom:16px}.panelHeader h1{font-size:27px;line-height:1.15;margin:0}.panelHeader svg,.scoreHeader svg{color:var(--red);width:30px;height:30px}.publishBlock,.resultBlock,.scoreBoard,.toolBlock{border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);padding:14px}.toolBlock+.toolBlock{margin-top:12px}.blockTitle{justify-content:flex-start;margin-bottom:12px}.blockTitle.compact{margin-bottom:10px}.blockTitle svg{color:var(--red);width:18px;height:18px;flex:0 0 auto}.blockTitle h2{font-size:16px;line-height:1.25;margin:0}.uploadGrid{display:grid;grid-template-columns:132px 1fr;grid-template-rows:auto auto;grid-gap:10px 12px;gap:10px 12px;align-items:center}.productPreview{grid-row:span 2;width:132px;height:148px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#eef4f8,#ffffff);display:grid;place-items:center;overflow:hidden}.productPreview img{width:100%;height:100%;object-fit:cover}.mockCup{position:relative;width:56px;height:112px;border-radius:18px 18px 14px 14px;background:linear-gradient(160deg,#fefefe,#dfe8ef);border:1px solid #c9d4de;box-shadow:0 14px 26px rgba(47,111,163,.18)}.mockCup span{position:absolute;top:-12px;left:9px;width:38px;height:16px;border-radius:8px;background:#e63b45}.mockCup i{position:absolute;inset:20px 11px auto;height:3px;border-radius:999px;background:#b7c4ce}.mockCup b{position:absolute;bottom:16px;left:16px;width:24px;height:24px;border-radius:50%;background:rgba(230,59,69,.12)}.uploadButton{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px dashed #b8c2cc;border-radius:8px;background:#fff;color:var(--blue);font-weight:800}.uploadButton input{display:none}.uploadButton svg{width:18px;height:18px}.fileName{margin:0;color:var(--muted);font-size:13px;word-break:break-word}.formGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.field{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px;font-weight:800}.field:first-child,.field:has(textarea),.field:last-child{grid-column:1/-1}.referenceList{display:grid;grid-gap:10px;gap:10px}.referenceItem{display:grid;grid-gap:6px;gap:6px;text-align:left;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:11px 12px}.referenceItem.active{border-color:var(--red);background:#fff3f4}.referenceItem span{color:var(--blue);font-size:12px;font-weight:800}.referenceItem strong{line-height:1.35}.referenceItem em{color:var(--muted);font-size:13px;font-style:normal;line-height:1.45}.generateButton{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:var(--red);color:#fff;font-weight:900;margin-top:14px}.generateButton:hover{background:var(--red-dark)}.generateButton:disabled{opacity:.7;cursor:not-allowed}.generateButton svg{width:19px;height:19px}.referenceTextField,.referenceUpload{margin-top:12px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:14px}.pipelineStep{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px;color:var(--muted)}.pipelineStep span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf1f5;font-size:12px;font-weight:900}.pipelineStep p{margin:0;font-size:13px;font-weight:900}.pipelineStep.active{border-color:#f0b5ba;color:var(--red-dark);background:#fff7f8}.pipelineStep.active span{background:var(--red);color:#fff}.emptyResult{min-height:calc(100vh - 180px);display:grid;place-content:center;justify-items:center;text-align:center;color:var(--muted)}.emptyIcon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#fff3f4;color:var(--red);margin-bottom:14px}.emptyIcon svg{width:28px;height:28px}.emptyResult h2{color:var(--ink);margin-bottom:8px}.emptyResult p{max-width:460px;line-height:1.7}.resultStack{display:grid;grid-gap:14px;gap:14px}.resultHero{align-items:flex-start;border:1px solid #f0b5ba;border-radius:8px;background:linear-gradient(135deg,#fff7f8,#ffffff 72%);padding:16px}.resultHero h2{margin:0;font-size:24px;line-height:1.3}.resultHero button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}.resultHero button svg{width:16px;height:16px}.contentGrid,.insightGrid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);grid-gap:14px;gap:14px}.contentColumn{display:grid;align-content:start;grid-gap:14px;gap:14px}.titleOptions{display:grid;grid-gap:8px;gap:8px}.titleOption{min-height:46px;text-align:left;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:9px 11px;line-height:1.45}.titleOption.active{border-color:var(--red);color:var(--red-dark);background:#fff3f4;font-weight:900}.bodyPreview,.publishBlock pre{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.75;color:#343942;font-family:inherit}.bodyPreview{max-height:420px;overflow:auto}.tagList{display:flex;flex-wrap:wrap;gap:8px}.tagList span{border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.tagList.blue span{background:#edf5fb;color:var(--blue)}.tagList.red span{background:#fff0f1;color:var(--red-dark)}.tagList.green span{background:#eaf8f2;color:var(--green)}.tagList.amber span{background:#fff7e8;color:var(--amber)}.bulletList{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}.logicList{display:grid;grid-gap:8px;gap:8px;margin-bottom:12px}.logicList p{margin:0;color:var(--muted);line-height:1.65}.logicList strong,.resultBlock h3{color:var(--ink)}.resultBlock h3{margin:14px 0 8px;font-size:13px}.riskBadge{display:inline-flex;border-radius:999px;background:#eaf8f2;color:var(--green);font-size:13px;font-weight:900;padding:7px 10px;margin-bottom:12px}.riskList{display:grid;grid-gap:10px;gap:10px;margin-bottom:12px}.riskItem{display:grid;grid-gap:6px;gap:6px;border-left:3px solid var(--amber);background:#fff;padding:10px 11px}.riskItem strong{color:var(--ink)}.riskItem em,.riskItem span{color:var(--muted);font-style:normal;line-height:1.55}.scoreBoard{background:#f8fbff}.scoreHeader{margin-bottom:12px}.scoreHeader h2{color:var(--red);font-size:44px;line-height:1;margin:0}.scoreGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:12px}.scoreItem{display:grid;grid-gap:8px;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.scoreItem span{color:var(--muted);font-size:13px;font-weight:900}.scoreTrack{height:8px;overflow:hidden;border-radius:999px;background:#e7ecf2}.scoreTrack i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--red),#d79922,var(--green))}.scoreItem strong{font-size:20px}.publishBlock{background:#fff}.summaryRail{max-width:1560px;margin:14px auto 0;display:flex;justify-content:flex-end;gap:8px;background:rgba(255,255,255,.92);border:1px solid var(--line);box-shadow:var(--shadow);padding:8px}.summaryRail div{min-width:86px;display:grid;grid-gap:2px;gap:2px;text-align:center;border-right:1px solid var(--line);padding:4px 10px}.summaryRail div:last-child{border-right:0}.summaryRail strong{font-size:18px}.summaryRail span{color:var(--muted);font-size:12px;font-weight:800}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);max-width:min(520px,calc(100vw - 32px));border:1px solid #bde5d3;border-radius:8px;background:#edfbf5;color:var(--green);box-shadow:var(--shadow);padding:12px 16px;font-weight:900;z-index:20}@media (max-width:1120px){.contentGrid,.demoGrid,.insightGrid{grid-template-columns:1fr}.inputPanel{position:static;height:auto;min-height:0}.summaryRail{justify-content:center}}@media (max-width:720px){.appShell{padding:10px}.resultHero,.scoreHeader,.topBar{align-items:flex-start;flex-direction:column}.formGrid,.pipeline,.scoreGrid,.uploadGrid{grid-template-columns:1fr}.productPreview{width:100%;height:210px;grid-row:auto}.summaryRail{display:none}}