:root{color-scheme:light;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f7fb;color:#1d1d1f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(rgba(40,98,173,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(40,98,173,.045) 1px,transparent 1px),linear-gradient(180deg,#fff 0,#f4f7fb 360px);background-size:28px 28px,28px 28px,auto}button,input,select,textarea{font:inherit}button{border:0}.app-shell{width:min(1660px,100%);min-height:100vh;margin:0 auto;padding:18px}.briefing-strip{position:relative;display:grid;place-items:center;width:min(1120px,100%);min-height:292px;margin:0 auto 16px;overflow:hidden;border:1px solid rgba(38,92,160,.14);border-radius:8px;background:linear-gradient(135deg,rgba(10,132,255,.12),transparent 38%),linear-gradient(315deg,rgba(52,199,89,.11),transparent 34%),#fbfdff;box-shadow:0 18px 52px #1f4b811a;padding:34px 28px;text-align:center}.briefing-strip:before{position:absolute;inset:0;content:"";background:linear-gradient(rgba(10,132,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(10,132,255,.08) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 86%);mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 86%);animation:gridDrift 16s linear infinite}.briefing-strip:after{position:absolute;top:0;bottom:0;width:180px;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:skew(-18deg);animation:lightSweep 5.5s ease-in-out infinite}.hero-copy,.hero-card{position:relative;z-index:1}.hero-copy{display:grid;justify-items:center;gap:16px}.hero-identity{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(10,132,255,.18);border-radius:999px;background:#ffffffc2;box-shadow:0 14px 36px #1f4b811a;padding:7px 16px 7px 8px}.hero-identity img{width:52px;height:52px;border:2px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 10px 24px #0b63c72e;object-fit:cover}.hero-badge{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin:0;color:#0b63c7;font-size:20px;font-weight:950}h1,h2{margin:0;letter-spacing:0}h1{max-width:920px;color:#111827;font-size:46px;line-height:1.16}h2{color:#1d1d1f;font-size:20px;line-height:1.18}.hero-card{width:min(780px,100%);margin-top:26px;border:1px solid rgba(10,132,255,.14);border-radius:8px;background:#ffffffb8;box-shadow:0 18px 50px #1f4b8117;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:14px}.hero-card-top{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px;color:#6e6e73;font-size:13px;font-weight:800}.hero-card-top strong{color:#0b63c7}.learning-meter{position:relative;height:4px;margin:0 auto 13px;overflow:hidden;border-radius:999px;background:#0a84ff1a}.learning-meter span{position:absolute;top:0;bottom:0;left:-36%;width:36%;border-radius:inherit;background:linear-gradient(90deg,#0a84ff,#34c759,#ff9f0a);animation:meterMove 2.8s ease-in-out infinite}.template-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.template-flow span{min-height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(20,83,146,.12);border-radius:8px;background:#ffffffc7;color:#334155;padding:0 10px;font-size:13px;font-weight:900;white-space:nowrap}.workspace{display:grid;gap:16px;width:min(1120px,100%);margin:0 auto}.source-stack{display:grid;gap:16px}.panel{min-width:0;width:100%;min-height:0;border:1px solid rgba(28,67,114,.1);border-radius:8px;background:#ffffffdb;box-shadow:0 14px 38px #1f4b8112;padding:18px}.result-panel{position:static;min-height:auto;background:linear-gradient(180deg,rgba(10,132,255,.055),transparent 230px),#f8fbfff0}.module-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;min-height:82px;margin-bottom:18px;border-bottom:1px solid rgba(28,67,114,.08);padding-bottom:16px}.module-mark{display:grid;place-items:center;width:42px;height:42px;min-height:42px;border:1px solid rgba(10,132,255,.15);border-radius:8px;background:linear-gradient(135deg,#0a84ff1f,#34c75914),#fff;color:#0b63c7}.module-copy{min-width:0}.module-copy p{margin:0 0 4px;color:#64748b;font-size:12px;font-weight:900}.module-copy small{display:block;margin-top:5px;color:#6e6e73;font-size:13px;line-height:1.35}.module-action{display:flex;justify-content:flex-end}.header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px}.icon-button,.text-button,.primary-action,.segment,.chip,.upload-drop,.template-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.icon-button:hover,.text-button:hover,.primary-action:hover,.segment:hover,.chip:hover,.upload-drop:hover{transform:translateY(-1px)}.icon-button{width:36px;height:36px;border:1px solid rgba(28,67,114,.1);background:#f7faff;color:#475569}.field{display:grid;gap:7px;margin-bottom:14px}.field>span,.segment-group legend,.structure-field>span{color:#1d1d1f;font-size:14px;font-weight:850}input,select,textarea{width:100%;border:1px solid rgba(28,67,114,.13);border-radius:8px;background:#fffffff5;color:#1d1d1f;outline:none}input,select{min-height:44px;padding:0 12px}textarea{resize:vertical;padding:12px 13px;line-height:1.68}input:focus,select:focus,textarea:focus{border-color:#0a84ff;box-shadow:0 0 0 4px #0a84ff24}.field-grid{display:grid;gap:12px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.upload-title{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:#1d1d1f;font-weight:850}.upload-drop{width:100%;min-height:50px;border:1px dashed rgba(10,132,255,.4);background:#0a84ff12;color:#0b63c7;font-weight:850}.upload-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.file-list,.keyword-row,.chip-row,.segment-row{display:flex;flex-wrap:wrap;gap:8px}.file-list{margin-top:9px}.file-list span,.keyword-row span{max-width:100%;border-radius:999px;background:#ff9f0a24;color:#8a4b00;padding:7px 10px;font-size:12px;font-weight:850;overflow-wrap:anywhere}.chip{min-height:34px;border:1px solid rgba(28,67,114,.11);background:#ffffffe6;color:#334155;padding:0 12px;font-weight:800}.chip.selected{border-color:#ff95006b;background:#ff95001f;color:#9a4f00}.mini-stat{min-width:62px;border-radius:8px;background:#0a84ff12;padding:8px 10px;text-align:right}.mini-stat span{display:block;color:#64748b;font-size:12px;font-weight:800}.mini-stat strong{display:block;color:#0b63c7;font-size:24px;line-height:1}.template-badge,.tap-hint{border:1px solid rgba(28,67,114,.1);border-radius:999px;background:#f7faff;color:#475569;padding:7px 10px;font-size:12px;font-weight:850;white-space:nowrap}.context-divider{display:flex;align-items:center;gap:12px;margin:6px 0 14px;color:#0b63c7;font-size:13px;font-weight:950}.context-divider:before,.context-divider:after{flex:1;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(10,132,255,.2),transparent)}.optional-files{margin-top:4px;border:1px solid rgba(28,67,114,.1);border-radius:8px;background:#f7faffb8;padding:12px}.optional-files summary{cursor:pointer;color:#475569;font-size:13px;font-weight:900}.optional-files .upload-grid{margin-top:12px;margin-bottom:0}.preference-console{margin:14px 0;border:1px solid rgba(10,132,255,.1);border-radius:8px;background:linear-gradient(135deg,rgba(10,132,255,.08),transparent 48%),linear-gradient(315deg,rgba(52,199,89,.08),transparent 48%),#ffffffe0;padding:12px}.preference-title{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:#0b63c7;font-size:14px;font-weight:950}.preference-drawer,.preference-drawer .performance-list{margin-top:12px}.structure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;margin-bottom:14px}.structure-field{display:grid;grid-template-rows:auto auto minmax(130px,1fr);gap:7px;min-width:0;min-height:232px;border:1px solid rgba(28,67,114,.09);border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbff);padding:12px}.structure-field small{color:#64748b;font-size:12px;line-height:1.35}.structure-field textarea{min-height:130px;background:#fffffffa}.performance-list{display:grid;gap:12px}.performance-list.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.segment-group{min-width:0;margin:0 0 14px;padding:0;border:0}.performance-list.compact .segment-group,.field-grid .segment-group{margin:0;border:1px solid rgba(28,67,114,.09);border-radius:8px;background:linear-gradient(180deg,#fff,#f8fbff);padding:12px}.segment-group legend{margin-bottom:8px}.segment-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.segment{min-height:38px;border:1px solid rgba(28,67,114,.12);background:#ffffffeb;color:#334155;padding:0 8px;font-size:13px;font-weight:850;white-space:nowrap}.segment.selected{border-color:#0a84ff80;background:#0a84ff;color:#fff;box-shadow:0 12px 24px #0a84ff33}.result-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.text-button{min-height:36px;border:1px solid rgba(28,67,114,.1);background:#ffffffe6;color:#1d1d1f;padding:0 12px;font-weight:850}.document-title{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto 14px;width:min(100%,760px);text-align:center}.document-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:8px;background:#0a84ff1f;color:#06c}.document-title span,.metric span{color:#64748b;font-size:12px;line-height:1.2}.document-title strong{display:block;margin-top:3px;color:#1d1d1f;font-size:19px;line-height:1.25}.result-editor{display:block;width:min(100%,760px);margin:0 auto}.result-editor textarea{min-height:460px;border-color:#1c43721a;border-radius:8px;background:#fff;box-shadow:0 1px #ffffffe6 inset,0 22px 60px #1f4b811a;color:#1d1d1f;font-size:16px;line-height:1.78}.insight-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(100%,760px);margin:16px auto;border:1px solid rgba(28,67,114,.08);border-radius:8px;background:#ffffff94;padding:12px}.metric{padding:4px 2px 0;text-align:center}.metric span{display:block;margin-bottom:6px}.metric strong{display:block;min-width:0;color:#1d1d1f;font-size:18px;line-height:1.2;overflow-wrap:anywhere}.primary-action{display:flex;align-items:center;justify-content:center;width:min(100%,760px);min-height:52px;margin:0 auto 18px;background:#0a84ff;color:#fff;font-size:16px;font-weight:900;box-shadow:0 18px 28px #0a84ff2e}.primary-action:disabled,.text-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.smart-hint{width:min(100%,760px);margin:0 auto;color:#515154;text-align:center}.smart-hint p{margin:10px 0 14px;line-height:1.7}.smart-hint .keyword-row{justify-content:center}.hint-title{display:flex;align-items:center;justify-content:center;gap:8px;color:#1d1d1f;font-weight:900}.error-message,.copy-message{width:min(100%,760px);margin:0 auto 12px;border-radius:8px;padding:10px 12px;font-weight:850}.error-message{background:#ff3b301a;color:#b3261e}.copy-message{background:#34c7591f;color:#187a37}.spin{animation:spin 1s linear infinite}.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}@keyframes gridDrift{to{background-position:42px 42px}}@keyframes lightSweep{0%{left:-220px;opacity:0}18%{opacity:1}58%{opacity:1}to{left:calc(100% + 220px);opacity:0}}@keyframes meterMove{0%{left:-36%}50%{left:100%}to{left:100%}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.app-shell{padding:12px}.briefing-strip{min-height:260px;padding:28px 16px}h1{font-size:34px}.hero-card{margin-top:20px}.template-flow,.field-grid.two,.field-grid.three,.upload-grid,.structure-grid,.performance-list.compact,.insight-band{grid-template-columns:1fr}}@media(max-width:560px){.panel,.briefing-strip{padding:14px}h1{font-size:28px}.module-header{grid-template-columns:1fr}.module-action,.result-actions{justify-content:stretch}.text-button,.segment{justify-content:center}.segment-row{grid-template-columns:1fr}.result-editor textarea{min-height:360px}}
