:root{
  --ink:#142631;--muted:#667983;--paper:#fff;--wash:#f2f5f3;--line:#d8e1df;
  --navy:#113347;--navy-2:#1c4b61;--teal:#087d70;--teal-soft:#e3f4ef;
  --gold:#b57a16;--gold-soft:#fff3d6;--coral:#cc5e4d;--purple:#6255a5;
  --shadow:0 24px 70px rgba(18,48,62,.14);--serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--wash);color:var(--ink);font:14px/1.55 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}
button,a,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
.mini-brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--navy);color:#fff;font-weight:900;letter-spacing:-.04em}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:9px 14px;color:var(--ink);background:#fff;text-decoration:none;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--navy);color:#fff;box-shadow:0 8px 24px rgba(17,51,71,.17)}.button.primary:hover{background:var(--navy-2)}.button.quiet{border-color:var(--line);background:#fff}.button.large{padding:13px 19px;border-radius:11px}.button.light{background:#fff;color:var(--navy)}.text-button{padding-left:5px;background:transparent;color:var(--teal)}
.hero{min-height:690px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);align-items:center;gap:70px;padding:76px clamp(24px,7vw,108px) 92px;background:linear-gradient(145deg,#f6f8f6 0%,#edf4f1 55%,#e8efee 100%);overflow:hidden}.eyebrow{margin:0 0 11px;color:var(--teal);font-size:10px;font-weight:900;letter-spacing:.18em}.hero h1{margin:0;font:700 clamp(43px,5.2vw,76px)/1.06 var(--serif);letter-spacing:-.04em}.hero h1 em{color:var(--teal);font-style:normal}.hero-lead{max-width:650px;margin:24px 0;color:#50656f;font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:15px}.hero-stats{display:flex;gap:36px;margin-top:44px}.hero-stats div{display:grid}.hero-stats strong{font:700 24px/1 var(--serif);color:var(--navy)}.hero-stats span{margin-top:6px;color:var(--muted);font-size:11px}
.hero-visual{position:relative;min-height:510px;perspective:1000px}.paper-stack{position:absolute;inset:40px 30px 20px 55px;border:1px solid #cbd9d6;background:#fff;border-radius:4px;box-shadow:var(--shadow)}.paper-back{transform:rotate(5deg) translate(19px,-8px);opacity:.55}.paper-mid{transform:rotate(-3deg) translate(-11px,7px);opacity:.8}.paper-sheet{position:absolute;inset:25px 35px 20px 45px;padding:28px 31px;background:#fff;border:1px solid #cad7d5;border-radius:3px;box-shadow:var(--shadow);transform:rotate(.6deg)}.paper-meta{display:flex;justify-content:space-between;color:#72858c;font-size:8px;letter-spacing:.12em}.paper-sheet h2{margin:22px auto 4px;text-align:center;font:700 24px/1.15 var(--serif)}.paper-authors{text-align:center;color:#87959a;font:9px var(--serif)}.paper-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.paper-columns h3{margin:0 0 9px;font:700 11px var(--serif)}.paper-columns p{height:4px;margin:5px 0;border-radius:2px;background:#dce3e2}.paper-columns p.short{width:70%}.paper-figure{height:92px;position:relative;display:flex;align-items:center;justify-content:space-around;margin-top:16px;border:1px solid #d4dedd;background:#f3f7f6}.paper-figure i{width:27px;height:36px;border-radius:7px;background:#a9ccc5}.paper-figure i:nth-child(2){background:#f0c875}.paper-figure i:nth-child(3){background:#d89282}.paper-figure span{position:absolute;bottom:4px;color:#6a7b81;font-size:7px}.paper-table{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-top:2px solid #435962;border-bottom:2px solid #435962}.paper-table>*{min-height:18px;padding:4px;border-bottom:1px solid #d8e1df;font-size:6px}.paper-table span{background:#e8efed}.paper-table b{color:#b57a16;text-align:center}.evidence-stamp{position:absolute;right:22px;bottom:19px;padding:5px 8px;border:2px solid rgba(8,125,112,.48);color:var(--teal);font-size:7px;font-weight:900;letter-spacing:.09em;transform:rotate(-3deg)}.floating-note{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #c7d8d5;border-radius:10px;background:rgba(255,255,255,.95);box-shadow:0 11px 30px #203a4524;color:#41555e;font-size:11px;font-weight:750}.floating-note span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 5px;border-radius:7px;background:var(--teal-soft);color:var(--teal);font-weight:900}.note-one{top:3px;right:4px}.note-two{left:4px;bottom:3px}
.principles{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff}.principles>div{min-height:135px;padding:31px clamp(20px,3vw,45px);border-right:1px solid #ffffff18}.principles>div:last-child{border:0}.principles span{color:#62cbbb;font:700 12px var(--serif)}.principles strong,.principles small{display:block}.principles strong{margin:8px 0 4px;font:700 18px var(--serif)}.principles small{color:#9eb2bd;font-size:11px}
.journey-section{padding:44px clamp(20px,5vw,76px)}
.journey-nav{max-width:1180px;display:grid;grid-template-columns:repeat(6,1fr);margin:0 auto 17px;border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.journey-step{position:relative;min-height:80px;padding:15px 12px;border:0;border-right:1px solid var(--line);background:#fff;color:#62757e;text-align:left;cursor:pointer}.journey-step:last-child{border:0}.journey-step span,.journey-step strong{display:block}.journey-step span{margin-bottom:6px;color:#91a0a5;font:700 9px var(--serif)}.journey-step strong{font-size:11px}.journey-step.active{background:var(--navy);color:#fff}.journey-step.active span{color:#73d5c5}.journey-step.done:not(.active):after{content:"✓";position:absolute;right:9px;top:9px;color:var(--teal);font-weight:900}
.demo-browser{max-width:1180px;margin:0 auto;border:1px solid #bfcfcd;border-radius:16px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.browser-bar{height:43px;display:flex;align-items:center;gap:15px;padding:0 15px;border-bottom:1px solid var(--line);background:#f5f7f6}.traffic{display:flex;gap:6px}.traffic i{width:9px;height:9px;border-radius:50%;background:#d9786b}.traffic i:nth-child(2){background:#e6b64f}.traffic i:nth-child(3){background:#5db788}.browser-path{flex:1;max-width:430px;padding:5px 12px;border:1px solid #dae3e1;border-radius:6px;background:#fff;color:#74848a;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.safe-state{margin-left:auto;color:#819095;font-size:8px;font-weight:900;letter-spacing:.12em}.browser-body{min-height:570px;display:grid;grid-template-columns:165px minmax(0,1fr)}.browser-body.comparing{grid-template-columns:165px minmax(0,1fr) 245px}.demo-sidebar{display:flex;flex-direction:column;padding:19px 15px;background:#102f41;color:#fff}.mini-brand{display:flex;align-items:center;gap:9px;padding-bottom:17px;border-bottom:1px solid #ffffff1a}.mini-brand>span{width:31px;height:31px;border:1px solid #ffffff25;background:#1a465c;font-size:10px}.mini-brand strong{font:700 12px/1.1 var(--serif)}.stage-summary{flex:1;padding-top:20px}.summary-kicker{color:#65ccbd;font-size:8px;font-weight:900;letter-spacing:.13em}.summary-title{margin:5px 0 12px;font:700 18px/1.15 var(--serif)}.summary-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.summary-list li{padding:7px 8px;border-radius:6px;background:#ffffff0b;color:#bdd0d8;font-size:9px}.summary-list li.active{background:#1c4b61;color:#fff}.sidebar-human{display:flex;align-items:center;gap:8px;padding-top:13px;border-top:1px solid #ffffff1a}.avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f0ca72;color:#533d10;font-size:10px;font-weight:900}.sidebar-human p{margin:0}.sidebar-human strong,.sidebar-human small{display:block}.sidebar-human strong{font-size:9px}.sidebar-human small{color:#8fa8b4;font-size:7px}
.stage-content{min-width:0;padding:25px 28px;background:#fbfcfb}.stage-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.stage-head h3{margin:2px 0 0;font:700 26px/1.15 var(--serif)}.stage-head p{max-width:540px;margin:7px 0 0;color:var(--muted);font-size:11px}.status-pill{padding:5px 9px;border-radius:99px;background:var(--teal-soft);color:var(--teal);font-size:8px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.workspace-grid.wide-left{grid-template-columns:1.15fr .85fr}.panel{border:1px solid var(--line);border-radius:10px;background:#fff;padding:15px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-head strong{font-size:11px}.panel-head span{color:var(--muted);font-size:8px}.upload-zone{min-height:205px;display:grid;place-items:center;border:1px dashed #9ebdb8;border-radius:8px;background:#f4faf8;text-align:center}.file-icon{width:50px;height:62px;position:relative;margin:0 auto 12px;border:2px solid #71a69d;border-radius:5px;background:#fff}.file-icon:after{content:"HTML";position:absolute;inset:auto 5px 8px;padding:3px;background:var(--teal-soft);color:var(--teal);font-size:8px;font-weight:900}.upload-zone strong,.upload-zone small{display:block}.upload-zone small{color:var(--muted);font-size:9px}.inline-action{margin-top:12px;padding:8px 11px;border:0;border-radius:7px;background:var(--teal);color:#fff;font-size:9px;font-weight:850}.profile-output{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mini-card{min-height:82px;padding:10px;border:1px solid #dce5e3;border-radius:8px;background:#fbfdfc}.mini-card span{color:var(--teal);font-size:7px;font-weight:900;letter-spacing:.08em}.mini-card strong{display:block;margin:4px 0;font:700 12px var(--serif)}.mini-card small{color:var(--muted);font-size:8px}.publication-line{display:flex;gap:8px;align-items:center;margin-top:11px;color:#5e7078;font-size:8px}.publication-line i{display:block;flex:1;height:4px;border-radius:2px;background:#dce5e3}.publication-line i:nth-child(2){flex:.7;background:#aad1ca}.publication-line i:nth-child(3){flex:.4;background:#e8c77d}
.landscape{display:grid;gap:8px}.paper-row{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid #dce4e2;border-radius:8px}.paper-row span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#e7f1ef;color:var(--teal);font:700 10px var(--serif)}.paper-row strong,.paper-row small{display:block}.paper-row strong{font-size:9px}.paper-row small{color:var(--muted);font-size:7px}.paper-row b{color:#87959a;font-size:7px}.idea-list{display:grid;gap:8px}.idea{position:relative;padding:11px 12px 11px 37px;border:1px solid #dce4e2;border-radius:8px;background:#fff}.idea:before{content:attr(data-id);position:absolute;left:9px;top:11px;color:#6a7c84;font:700 10px var(--serif)}.idea strong,.idea small{display:block}.idea strong{font-size:10px}.idea small{margin-top:3px;color:var(--muted);font-size:8px}.idea.rejected{background:#fafafa;opacity:.7}.idea.rejected:after{content:"不推荐";position:absolute;right:9px;top:9px;color:var(--coral);font-size:7px;font-weight:900}.idea.selected{border-color:var(--teal);box-shadow:inset 3px 0 0 var(--teal)}.idea.selected:after{content:"NOVEL · 推荐";position:absolute;right:9px;top:9px;color:var(--teal);font-size:7px;font-weight:900}
.paper-outline{display:grid;gap:6px}.outline-section{display:grid;grid-template-columns:95px 1fr;gap:9px;padding:8px 9px;border-left:3px solid #b7d8d2;background:#f5f9f8}.outline-section strong{font:700 10px var(--serif)}.outline-section span{color:#61757e;font-size:8px}.evidence-chain{display:flex;align-items:center;gap:5px;margin:13px 0}.chain-node{flex:1;min-height:55px;display:grid;place-items:center;padding:7px;border:1px solid #cddbd8;border-radius:7px;background:#fff;text-align:center;font-size:8px;font-weight:800}.chain-node.focus{border-color:#e0b454;background:var(--gold-soft);color:#6e4a0c}.evidence-chain>i{color:#87979c;font-style:normal}.result-shell{width:100%;border-collapse:collapse;font-size:8px}.result-shell th,.result-shell td{padding:7px;border-bottom:1px solid #dde5e3;text-align:center}.result-shell th:first-child,.result-shell td:first-child{text-align:left}.result-shell th{background:#edf4f2;color:#435c65}.pending{color:var(--gold);font-weight:900}.citation-row{margin-top:9px;color:#708189;font-size:7px}.citation-row a{color:var(--teal)}
.run-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.run-summary div{padding:10px;border-radius:8px;background:#eef5f3}.run-summary strong,.run-summary span{display:block}.run-summary strong{font:700 15px var(--serif)}.run-summary span{color:var(--muted);font-size:7px}.goal-list{display:grid;gap:7px}.goal{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid #dce5e3;border-radius:8px;background:#fff}.goal-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#e9efee;color:#698087;font-size:10px;font-weight:900}.goal.completed .goal-icon{background:var(--teal-soft);color:var(--teal)}.goal.current{border-color:#ddb75e;background:#fffaf0}.goal.current .goal-icon{background:var(--gold-soft);color:#8a5c0e}.goal strong,.goal small{display:block}.goal strong{font-size:9px}.goal small{color:var(--muted);font-size:7px}.goal b{color:#77898f;font-size:7px}.goal-detail{padding:12px;border:1px solid #e1c579;border-radius:9px;background:#fffbf1}.goal-detail h4{margin:0 0 7px;font:700 14px var(--serif)}.goal-meta{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.goal-meta span{padding:4px 6px;border-radius:5px;background:#fff;color:#60747c;font-size:7px}.goal-files{margin:8px 0;color:#5c7078;font:7px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.goal-complete{width:100%;padding:8px;border:0;border-radius:7px;background:var(--navy);color:#fff;font-size:9px;font-weight:850}.goal-complete:disabled{background:var(--teal);cursor:default}
.studio-layout{display:grid;grid-template-columns:1.04fr .96fr;gap:12px}.studio-editor,.pdf-preview{min-height:350px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.studio-tabs{display:flex;border-bottom:1px solid var(--line);background:#f3f6f5}.studio-tabs span{padding:8px 10px;color:#718188;font-size:7px}.studio-tabs span.active{background:#fff;color:var(--navy);font-weight:900}.paragraph-box{padding:14px}.paragraph-purpose{padding:8px;border-left:3px solid var(--teal);background:#eef7f5;color:#47616a;font-size:8px}.generated-copy{margin:12px 0;color:#3f5159;font:10px/1.65 var(--serif)}.comment-box{padding:8px;border:1px solid #d7e1df;border-radius:7px;color:#8a989d;font-size:8px}.studio-actions{display:flex;gap:7px;margin-top:9px}.studio-actions button{flex:1;padding:7px;border:0;border-radius:6px;background:#edf2f1;color:#536971;font-size:8px;font-weight:800}.studio-actions button:last-child{background:var(--teal);color:#fff}.pdf-top{padding:7px 9px;background:#37444a;color:#e2e9eb;font-size:7px}.pdf-page{width:79%;min-height:312px;margin:13px auto;padding:17px;background:#fff;box-shadow:0 3px 15px #1a2d3544}.pdf-page h4{text-align:center;font:700 11px var(--serif)}.pdf-page p{height:3px;margin:4px 0;background:#dce3e2}.pdf-page p:nth-child(4){width:78%}.pdf-mini-figure{height:75px;display:flex;align-items:end;justify-content:center;gap:10px;margin:12px 0;border:1px solid #d8e1df;background:#f7f9f8}.pdf-mini-figure i{width:19px;background:#8bc3b8}.pdf-mini-figure i:nth-child(1){height:29px}.pdf-mini-figure i:nth-child(2){height:48px;background:#e0b45e}.pdf-mini-figure i:nth-child(3){height:38px;background:#cb7b6e}.pdf-page small{display:block;text-align:center;color:#75878d;font:6px var(--serif)}
.compare-panel{padding:25px 17px;border-left:1px solid #e2d8ee;background:#f8f5ff}.compare-panel[hidden]{display:none}.compare-panel .eyebrow{color:var(--purple)}.compare-panel h4{margin:3px 0 14px;font:700 18px/1.15 var(--serif)}.compare-card{margin-bottom:10px;padding:10px;border:1px solid #ddd6ef;border-radius:8px;background:#fff}.compare-card.bad{border-left:3px solid #b8aecf}.compare-card.good{border-left:3px solid var(--purple)}.compare-card span{color:#8d83aa;font-size:7px;font-weight:900}.compare-card strong{display:block;margin:3px 0;font-size:9px}.compare-card p{margin:0;color:#718087;font-size:8px}.compare-verdict{margin-top:16px;padding:10px;border-radius:8px;background:#ece7fa;color:#52458a;font-size:8px;font-weight:800}
.artifact-section{padding:90px clamp(22px,5vw,75px);background:#fff}.artifact-flow{max-width:1180px;display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto}.artifact-flow div{min-width:155px;padding:15px;border:1px solid var(--line);border-radius:9px;background:#fbfcfb}.artifact-flow span,.artifact-flow strong,.artifact-flow small{display:block}.artifact-flow span{color:var(--teal);font:700 10px var(--serif)}.artifact-flow strong{margin:5px 0 2px;font-size:9px}.artifact-flow small{color:var(--muted);font-size:8px}.artifact-flow>i{color:#8da09f;font-style:normal}
.closing{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:75px clamp(25px,8vw,120px);background:var(--navy);color:#fff}.closing .eyebrow{color:#6ed2c3}.closing h2{margin:0;font:700 clamp(30px,4vw,49px)/1.16 var(--serif)}
footer{display:flex;justify-content:space-between;padding:23px clamp(24px,6vw,90px);background:#0c2635;color:#8ea7b2;font-size:10px}footer strong{color:#fff}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{min-height:480px}.principles{grid-template-columns:1fr 1fr}.journey-nav{grid-template-columns:repeat(3,1fr)}.browser-body,.browser-body.comparing{grid-template-columns:140px 1fr}.compare-panel{grid-column:1/-1;border-left:0;border-top:1px solid #e2d8ee}.workspace-grid,.workspace-grid.wide-left{grid-template-columns:1fr}.artifact-flow{flex-wrap:wrap}.artifact-flow>i{display:none}}
@media(max-width:680px){.hero{min-height:auto;padding:55px 18px 65px}.hero h1{font-size:42px}.hero-actions{align-items:stretch;flex-direction:column}.hero-stats{gap:17px;justify-content:space-between}.hero-visual{min-height:390px}.paper-sheet{inset:20px 7px 13px;padding:21px}.paper-stack{inset:32px 8px 18px}.paper-columns{gap:12px}.floating-note{display:none}.principles{grid-template-columns:1fr}.principles>div{min-height:100px;border-right:0;border-bottom:1px solid #ffffff18}.journey-section{padding:24px 10px}.journey-nav{grid-template-columns:1fr 1fr}.journey-step{min-height:66px}.browser-body,.browser-body.comparing{display:block}.demo-sidebar{display:none}.stage-content{padding:18px 13px}.stage-head{gap:10px}.stage-head h3{font-size:22px}.profile-output{grid-template-columns:1fr}.studio-layout{grid-template-columns:1fr}.compare-panel{border-top:1px solid #e2d8ee}.artifact-section{padding:65px 15px}.artifact-flow{display:grid;grid-template-columns:1fr 1fr}.closing{align-items:flex-start;flex-direction:column;padding:55px 22px}footer{gap:8px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}