*{box-sizing:border-box}body{margin:0;font-family:"Noto Sans SC",system-ui,sans-serif;background:linear-gradient(180deg,#f2f7ff 0%,#f7f9fc 55%,#eef3fb 100%);color:#17324d}button,input,textarea,select{font:inherit}button{cursor:pointer} .page-shell{max-width:1360px;margin:0 auto;padding:32px 24px 48px}.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#173b6b 0%,#2458a6 55%,#4f88db 100%);border-radius:32px;padding:36px;color:#fff;box-shadow:0 30px 80px rgba(40,81,144,.24)}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.1)}.hero:before{width:280px;height:280px;right:-60px;top:-90px}.hero:after{width:220px;height:220px;right:180px;bottom:-120px}.hero-grid{position:relative;display:grid;grid-template-columns:1.4fr .9fr;gap:24px;align-items:stretch}.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}h1{font-size:42px;line-height:1.15;margin:20px 0 14px}.hero p{max-width:760px;color:#eaf3ff;font-size:16px;line-height:1.85;margin:0}.tag-line{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.tag{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:13px}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:18px;backdrop-filter:blur(10px)}.stat-kicker{font-size:12px;color:#cfe4ff;font-weight:700}.stat-value{font-size:24px;font-weight:800;margin:8px 0}.stat-desc{font-size:13px;line-height:1.6;color:#e7f1ff}.main-grid{display:grid;grid-template-columns:minmax(520px,1.02fr) minmax(560px,.98fr);gap:22px;margin-top:24px;align-items:start}.panel{background:rgba(255,255,255,.88);border:1px solid rgba(183,203,229,.65);border-radius:28px;box-shadow:0 18px 55px rgba(31,74,132,.11);overflow:hidden}.panel-inner{padding:26px}.section-title h2,.output-header h2{font-size:22px;margin:0 0 8px}.section-title p{margin:0;color:#5f7592;line-height:1.7;font-size:14px;margin-bottom:18px}.sub-block{margin:22px 0}.sub-block h3,.result-card h3{font-size:16px;margin:0 0 12px}.choice-grid,.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.persona-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice,.persona,.check{display:block;text-align:left;border:1px solid #d5e2f2;background:#f8fbff;border-radius:18px;padding:13px 14px;transition:.2s}.choice strong,.persona strong{display:block;font-size:14px}.choice span,.persona span{display:block;color:#6d819a;font-size:12px;margin-top:5px;line-height:1.5}.choice:hover,.persona:hover,.check:hover{border-color:#74a4e8;transform:translateY(-1px)}.choice.active,.persona.active,.check.active{border-color:#2d67ba;background:linear-gradient(135deg,#eff6ff,#dcecff);box-shadow:inset 0 0 0 1px rgba(45,103,186,.25)}.check{display:flex;align-items:flex-start;gap:10px}.check input{margin-top:3px}.helper{font-size:12px;color:#7c8ea6;margin:8px 0 0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.field-grid.full{grid-template-columns:1fr}.field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid #d0deee;border-radius:16px;background:#fbfdff;padding:13px 14px;color:#17324d;outline:none;transition:.2s}.field textarea{min-height:96px;resize:vertical;line-height:1.7}.field input:focus,.field textarea:focus,.field select:focus{border-color:#518ce0;box-shadow:0 0 0 4px rgba(81,140,224,.12)}.field small{display:block;color:#8295ad;font-size:12px;line-height:1.5;margin-top:6px}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{border:1px solid #cfdeee;background:#f7fbff;color:#31506f;border-radius:999px;padding:9px 13px;font-size:13px}.chip:hover,.chip.active{background:#e7f1ff;border-color:#4a84d1;color:#16508e}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.mode-card{text-align:left;border-radius:20px;border:1px solid #d4e1f2;background:#f7faff;padding:16px}.mode-card strong{display:block;font-size:15px;margin-bottom:8px}.mode-card span{font-size:12px;color:#697f99;line-height:1.6}.mode-card.active{border-color:#316ab9;background:linear-gradient(135deg,#eef6ff,#dbeaff)}.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.primary-btn,.ghost-btn{border-radius:16px;padding:13px 16px;font-weight:700;border:1px solid transparent}.primary-btn{background:linear-gradient(135deg,#2563b8,#4b93e5);color:#fff;box-shadow:0 12px 28px rgba(55,112,194,.28);flex:1}.ghost-btn{background:#f4f8fe;border-color:#d1dfef;color:#27496d}.ghost-btn:hover{border-color:#7ba5e0;background:#eaf3ff}.danger-btn{color:#a24747}.output-header{display:flex;justify-content:space-between;gap:18px;align-items:center}.score-ring{width:118px;height:118px;border-radius:50%;background:conic-gradient(#2d76d2 var(--score),#dfe9f6 0);display:grid;place-items:center}.score-ring-inner{width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center}.score-ring-inner b{font-size:28px;line-height:1}.score-ring-inner span{font-size:11px;color:#72849d}.result-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.deliver-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:16px}.result-card{border:1px solid #d5e2f2;background:#fbfdff;border-radius:22px;padding:18px}.script-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.script-tabs button{border:1px solid #d0deee;background:#f6f9fd;border-radius:999px;padding:9px 14px;color:#49607d}.script-tabs button.active{background:#2a68bd;color:#fff;border-color:#2a68bd}.script-meta{font-size:12px;color:#7185a0;margin-bottom:10px}.script-box{white-space:pre-wrap;line-height:1.9;background:#fff;border:1px solid #d9e5f4;border-radius:18px;padding:16px;min-height:250px;font-size:14px;color:#1d3955}.score-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.score-list li{background:#fff;border:1px solid #dce7f5;border-radius:16px;padding:12px}.score-list b{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.bar{height:8px;background:#e8f0fa;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,#4a8fe0,#2b68bc);border-radius:99px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.metric{background:#fff;border:1px solid #dce7f5;border-radius:18px;padding:16px}.metric strong{display:block;font-size:22px;margin-bottom:6px}.metric span{font-size:12px;color:#70839d}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.insight{border-radius:20px;padding:17px;background:linear-gradient(135deg,#f5f9ff,#e8f2ff);border:1px solid #d2e2f7}.insight h4{margin:0 0 9px;font-size:14px}.insight p{margin:0;font-size:13px;line-height:1.75;color:#46607b}.shot-list,.next-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.shot-list li,.next-list li{background:#fff;border:1px solid #dbe7f6;border-radius:16px;padding:13px 14px;font-size:13px;line-height:1.7}.risk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.risk{border-radius:16px;padding:13px;border:1px solid}.risk.good{background:#f0fbf4;border-color:#bfe7cc}.risk.warn{background:#fff8ec;border-color:#f2d8aa}.risk.bad{background:#fff0f0;border-color:#efbdbd}.risk b{display:block;font-size:13px;margin-bottom:5px}.risk span{font-size:12px;line-height:1.6;color:#5b6e85}.footer-note{margin-top:18px;padding:16px;border-radius:18px;background:#f2f7ff;color:#607591;font-size:12px;line-height:1.8}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:#173b6b;color:#fff;border-radius:999px;padding:12px 18px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.production-toolbar{border:1px solid #dce8f7;background:#f7fbff;border-radius:20px;padding:14px;margin-top:18px}.production-toolbar div{display:flex;justify-content:space-between;font-size:13px}.production-toolbar small{display:block;color:#7e90a8;margin-top:8px}.completion-bar{height:9px;background:#e3edf9;border-radius:99px;overflow:hidden;margin-top:8px}.completion-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#4b93e5,#2f6cc0);border-radius:99px}.sticky-actions{position:sticky;bottom:0;background:linear-gradient(180deg,rgba(255,255,255,.55),#fff 38%);padding-top:14px}@media(max-width:1080px){.hero-grid,.main-grid,.deliver-grid{grid-template-columns:1fr}.choice-grid,.check-grid,.persona-grid,.field-grid,.mode-switch,.metric-grid,.insight-grid,.risk-grid,.result-actions{grid-template-columns:1fr}h1{font-size:34px}}