@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');

:root{font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;color:#20251f;background:#f6f5f0;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}.page-shell{max-width:1440px;margin:auto;padding:0 4.4vw}.topbar{height:83px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7dbd2}.brand{color:#1f2923;text-decoration:none;display:flex;align-items:center;gap:11px;font-size:20px;font-weight:700;letter-spacing:-.05em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;background:#244d3d;color:#fff;font-weight:400;font-size:23px;border-radius:8px}.top-note{font-size:12px;letter-spacing:.11em;font-weight:700;color:#667168}.plus{color:#87a78a;padding:0 4px}.top-divider,.footer-divider{color:#9ca79f;padding:0 12px}.hero{min-height:495px;display:grid;grid-template-columns:1.13fr .87fr;align-items:center;gap:3%;border-bottom:1px solid #d7dbd2}.hero-copy{padding:45px 0 56px}.eyebrow,.step-label{font-size:11px;letter-spacing:.19em;font-weight:700;color:#628671}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 27px}.eyebrow-line{height:1px;width:28px;background:#628671}.hero h1{font-size:clamp(48px,5.2vw,78px);letter-spacing:-.078em;line-height:1.21;margin:0;font-weight:700}.hero h1 em{font-style:normal;color:#53876b}.hero-description{font-size:17px;line-height:1.95;color:#667068;max-width:495px;margin:27px 0 26px}.hero-foot{display:flex;align-items:center;gap:9px;color:#7f8980;font-size:12px}.tiny-square{width:6px;height:6px;background:#80ac8c;transform:rotate(45deg)}.hero-art{height:400px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;border:1px solid #d9e5d9;border-radius:50%;width:440px;height:440px}.art-orbit-two{width:290px;height:290px;background:#e9f0e6;opacity:.66}.art-card{position:absolute;border:1px solid #e6e8df;box-shadow:0 18px 48px #213e2814;background:#fff;border-radius:18px;display:flex;flex-direction:column;padding:20px}.art-kicker{font-size:11px;color:#778780;font-weight:700;letter-spacing:.08em}.art-card-one{width:240px;height:149px;transform:rotate(-10deg) translate(-76px,-27px)}.art-lines{display:grid;gap:11px;margin-top:23px}.art-lines i{height:7px;border-radius:9px;background:#e7ece7}.art-lines i:nth-child(2){width:80%}.art-lines i:nth-child(3){width:61%}.art-card-two{width:145px;height:138px;transform:rotate(8deg) translate(107px,52px);background:#d7e8d9;border-color:#c9decd}.art-check{font-size:48px;color:#416e50;line-height:1;margin-top:14px}.art-card-three{width:129px;height:113px;transform:rotate(3deg) translate(-99px,100px);background:#284d3a;border-color:#284d3a}.art-card-three .art-kicker{color:#c9e2cf}.art-arrow{font-size:38px;color:#e0f2df;margin-top:3px}.workspace,.results{padding:69px 0 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.step-label{margin:0 0 10px}.section-heading h2{font-size:28px;letter-spacing:-.055em;margin:0}.mode-badge{font-size:12px;padding:8px 11px;border-radius:20px;background:#ece9df;color:#816d48;font-weight:700}.mode-badge.live{background:#dcebdc;color:#386847}.mode-notice{background:#fcf3df;border:1px solid #e9d7ac;border-radius:12px;padding:13px 17px;color:#795e2e;font-size:13px;margin-bottom:17px;line-height:1.7}.composer{background:#fff;border:1px solid #e1e5dc;border-radius:18px;padding:29px;box-shadow:0 14px 45px #2b473408}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:10px;color:#414d43;font-size:13px;font-weight:700}.field small{font-size:12px;color:#a1aaa1;font-weight:400;margin-left:3px}select,input,textarea{border:1px solid #dce2d9;background:#fbfcf9;color:#243229;border-radius:9px;outline:none;width:100%;transition:border-color .2s,box-shadow .2s}select:focus,input:focus,textarea:focus{border-color:#83b194;box-shadow:0 0 0 3px #a4ccb344}select,input{height:46px;padding:0 14px}textarea{padding:17px;line-height:1.8;resize:vertical;min-height:170px}.goal-field,.message-field{margin-top:21px}::placeholder{color:#adb5aa}.composer-bottom,.submit-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.composer-bottom{margin-top:12px}.samples{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.samples span,.char-count{font-size:11px;color:#9ba69d}.samples button{border:1px solid #dce5dc;border-radius:6px;background:#f6faf5;color:#4f6b55;font-size:11px;padding:7px 9px}.samples button:hover{background:#e7f0e7}.submit-row{border-top:1px solid #edf0e9;margin-top:24px;padding-top:22px}.submit-row>span{font-size:12px;color:#a1aaa1}.primary-button{background:#254e39;border:1px solid #254e39;color:#fff;border-radius:9px;padding:14px 18px;min-width:169px;display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:700}.primary-button:hover{background:#346b4d}.primary-button span:last-child{font-size:18px;line-height:14px}.advanced{margin-top:18px;color:#89968c;font-size:12px}.advanced summary{cursor:pointer}.advanced .field{margin-top:13px}.error{color:#9d3834;background:#fff0ec;border:1px solid #e8b7b0;padding:12px 15px;border-radius:10px;font-size:13px}.results{padding-bottom:80px}.run-meta{font-size:12px;color:#97a198}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.original-panel,.assessment-panel,.rewrite-card,.detail-box{border:1px solid #e0e4dc;background:#fff;border-radius:15px}.original-panel,.assessment-panel{min-height:241px;padding:23px}.original-panel{background:#eff2ea}.panel-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:#4b6252}.panel-top span:last-child{font-size:10px;letter-spacing:.12em;color:#a6afa6}.original-panel>p{font-size:17px;line-height:1.85;margin:29px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.checks{display:grid;margin-top:17px}.check-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid #f0f2ed;padding:9px 0;font-size:13px;color:#3e4a41}.check-mark{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e4f2e7;color:#4b8a5a;font-weight:700;font-size:12px}.flagged .check-mark{background:#f8ead8;color:#bc8237}.check-state{margin-left:auto;color:#8b9b8d;font-size:11px}.flagged .check-state{color:#b17732}.intent{margin-top:15px;color:#66776a;font-size:12px}.rewrite-heading{margin-top:59px}.rewrite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.rewrite-card{padding:22px;display:flex;flex-direction:column;min-height:273px}.rewrite-card.featured{background:#e5f0e4;border-color:#b6d3b8}.rewrite-card-head{display:flex;align-items:flex-start;gap:14px}.variant-number{font-size:11px;font-weight:700;color:#80a889;border:1px solid #c8dfca;padding:7px;border-radius:7px}.rewrite-card h3{font-size:18px;margin:0 0 4px;letter-spacing:-.04em}.rewrite-card-head p{margin:0;color:#91a092;font-size:11px}.variant-text{font-size:14px;line-height:1.85;color:#34433a;white-space:pre-wrap;overflow-wrap:anywhere;flex:1;margin:24px 0}.copy-button{display:flex;align-items:center;justify-content:space-between;border:0;border-top:1px solid #e5ebe2;padding:15px 0 0;background:transparent;color:#3d7552;text-align:left;font-size:12px;font-weight:700}.copy-button span{font-size:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.detail-box{padding:20px 22px}.detail-box h3{font-size:13px;margin:0 0 10px}.detail-box ul{margin:0;padding-left:18px;color:#66766b;font-size:12px;line-height:1.8}.disclaimer{font-size:11px;color:#a0aaa0;margin-top:21px}.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d7dbd2;color:#879288;font-size:11px;padding:25px 0 35px}
.variant-warning{margin:0 0 13px;color:#9e642c;background:#fcf2e4;border:1px solid #ead6bb;border-radius:7px;padding:8px 10px;font-size:11px;line-height:1.6}
@media(max-width:850px){.page-shell{padding:0 5vw}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:61px 0 25px}.hero-art{height:230px}.art-orbit{width:310px;height:310px}.art-orbit-two{width:215px;height:215px}.art-card-one{transform:rotate(-10deg) translate(-50px,-11px) scale(.78)}.art-card-two{transform:rotate(8deg) translate(80px,30px) scale(.75)}.art-card-three{transform:rotate(3deg) translate(-75px,70px) scale(.75)}.workspace,.results{padding-top:49px}.rewrite-grid{grid-template-columns:1fr}.rewrite-card{min-height:0}.review-grid,.detail-grid{grid-template-columns:1fr}}@media(max-width:560px){.topbar{height:69px}.top-note{display:none}.hero h1{font-size:48px}.hero-description{font-size:15px}.hero-art{height:190px}.section-heading h2{font-size:23px}.mode-badge{font-size:10px;white-space:nowrap}.composer{padding:19px}.field-row{gap:11px}.submit-row{align-items:stretch;flex-direction:column}.primary-button{width:100%}.samples{gap:5px}.samples span{width:100%}.footer span:last-child{display:none}}

/* 知墨AI 品牌色来自用户提供的矢量规范。 */
:root {
  --paper: #F7F2E8;
  --night: #14182F;
  --ink: #232A55;
  --blue: #4F60C8;
  --light-blue: #DDE3FF;
  --coral: #F27968;
  --slate: #626B83;
  color: var(--ink);
  background: var(--paper);
}
.topbar,.hero,.footer{border-color:#232A5526}
.brand,.hero h1,.section-heading h2,.rewrite-card h3,.detail-box h3{color:var(--ink)}
.brand-mark,.primary-button{background:var(--ink);border-color:var(--ink)}
.top-note,.hero-description,.hero-foot,.run-meta,.footer,.field small,.submit-row>span,.char-count,.samples span,.advanced,.rewrite-card-head p,.detail-box ul,.disclaimer{color:var(--slate)}
.plus,.eyebrow,.step-label,.hero h1 em,.copy-button{color:var(--blue)}
.eyebrow-line,.tiny-square{background:var(--blue)}
.top-divider,.footer-divider{color:#99A5FF}
.art-orbit{border-color:#4F60C82b}
.art-orbit-two{background:#DDE3FF}
.art-card{border-color:#DDE3FF;box-shadow:0 18px 48px #232A551a}
.art-kicker{color:var(--slate)}
.art-lines i{background:#DDE3FF}
.art-card-two{background:#DDE3FF;border-color:#C4CDF9}
.art-check{color:var(--blue)}
.art-card-three{background:var(--ink);border-color:var(--ink)}
.art-card-three .art-kicker{color:#DDE3FF}
.art-arrow{color:#99A5FF}
.mode-badge{background:#EAE7DF;color:var(--slate)}
.mode-badge.live{background:#DDE3FF;color:var(--ink)}
.mode-notice{background:#FCEBE6;border-color:#F5C8BE;color:#8B443D}
.composer,.original-panel,.assessment-panel,.rewrite-card,.detail-box{border-color:#232A5523;box-shadow:0 14px 45px #232A5508}
.field,.check-row,.variant-text{color:var(--ink)}
select,input,textarea{border-color:#232A5530;background:#FFFDF9;color:var(--ink)}
select:focus,input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4F60C82b}
::placeholder{color:#8990A1}
.samples button{border-color:#C6CEF3;background:#F4F5FF;color:var(--blue)}
.samples button:hover{background:var(--light-blue)}
.submit-row{border-color:#232A551a}
.primary-button:hover{background:var(--blue)}
.error,.variant-warning{color:#8B443D;background:#FFF0EC;border-color:#F3C6BD}
.original-panel{background:#F0EDFA}
.panel-top{color:var(--ink)}
.panel-top span:last-child,.check-state,.intent{color:var(--slate)}
.check-row{border-color:#232A551a}
.check-mark{background:#DDE3FF;color:var(--blue)}
.flagged .check-mark{background:#FCE0DA;color:#A74B41}
.flagged .check-state{color:#A74B41}
.rewrite-card.featured{background:#EEF0FF;border-color:#B8C1F2}
.variant-number{color:var(--blue);border-color:#C6CEF3}
.copy-button{border-color:#232A5521}

.decision-section{margin-top:60px}
.decision-title-row{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}
.decision-title-row h2{font-size:28px;letter-spacing:-.055em;margin:0;color:var(--ink)}
.decision-source{font-size:11px;font-weight:700;letter-spacing:.11em;color:var(--blue);white-space:nowrap}
.decision-path{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr;align-items:center;gap:10px;padding:24px 28px;border-radius:16px 16px 0 0;background:var(--night);color:var(--paper)}
.path-step{display:grid;grid-template-columns:27px 1fr;column-gap:11px;row-gap:6px;align-items:center}
.path-step>span{grid-row:1 / 3;align-self:start;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#4F60C84d;color:#B9C2FF;font-size:10px;font-weight:700}
.path-step strong{font-size:14px;font-weight:700}
.path-step small{color:#BDC4DE;font-size:11px;line-height:1.55}
.path-arrow{color:#99A5FF;font-size:19px;text-align:center}
.decision-main{padding:26px 28px 20px;background:#fff;border:1px solid #232A5523;border-top:0;border-radius:0 0 16px 16px}
.decision-main-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}
.decision-kicker{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--blue)}
.decision-main-head h3,.handoff h3{margin:5px 0 0;font-size:19px;letter-spacing:-.04em;color:var(--ink)}
.decision-count{border:1px solid #C8CEF0;border-radius:99px;background:#F1F3FF;color:var(--blue);padding:7px 12px;font-size:11px;font-weight:700;white-space:nowrap}
.decision-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.decision-item{border:1px solid #DDE0EB;border-radius:12px;background:#FBFBFE;padding:16px 17px}
.decision-item-flagged{border-color:#F1C1B8;background:#FFF8F6}
.decision-item-top{display:flex;align-items:center;gap:9px;min-height:37px}
.decision-number{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;background:#DDE3FF;color:var(--blue);border-radius:6px;font-size:10px;font-weight:700}
.decision-item-flagged .decision-number{background:#FCE0DA;color:#A74B41}
.decision-item-top strong{font-size:13px;color:var(--ink);line-height:1.45}
.decision-verdict{margin-left:auto;color:var(--slate);white-space:nowrap;font-size:10px;font-weight:700}
.decision-item-flagged .decision-verdict{color:#A74B41}
.decision-score{display:flex;align-items:baseline;justify-content:space-between;margin:15px 0 8px;color:var(--slate);font-size:11px}
.decision-score strong{color:var(--blue);font-size:23px;letter-spacing:-.06em}
.decision-item-flagged .decision-score strong{color:#C85C50}
.decision-meter{position:relative;height:7px;border-radius:99px;background:#E8EAF4;overflow:visible}
.decision-meter-fill{display:block;height:100%;border-radius:99px;background:var(--blue)}
.decision-item-flagged .decision-meter-fill{background:var(--coral)}
.decision-meter-marker{position:absolute;top:-4px;width:2px;height:15px;background:var(--ink);border-radius:3px}
.decision-rule{margin:10px 0 0;font-size:10px;color:var(--slate);line-height:1.5}
.decision-footnote{margin:17px 0 0;color:var(--slate);font-size:11px;line-height:1.7}
.handoff{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:17px;align-items:center;margin-top:13px;border:1px solid #C7CEF5;border-radius:14px;padding:20px 24px;background:#E9EDFF}
.handoff-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--blue);color:#fff;font-size:28px}
.handoff-copy p{font-size:12px;line-height:1.6;margin:6px 0 0;color:var(--slate)}
.handoff-tags{display:flex;max-width:300px;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.handoff-tags span{font-size:10px;color:var(--ink);font-weight:700;border:1px solid #B9C3F2;border-radius:99px;padding:6px 9px;background:#fff}
.rewrite-heading{margin-top:63px}
.workspace-badges{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}

@media(max-width:850px){.decision-checks{grid-template-columns:1fr}.handoff{grid-template-columns:50px 1fr}.handoff-tags{grid-column:2;max-width:none;justify-content:flex-start}}
@media(max-width:600px){.workspace>.section-heading{align-items:start;flex-direction:column}.workspace-badges{justify-content:flex-start}.decision-title-row{align-items:start;flex-direction:column}.decision-title-row h2{font-size:23px}.decision-path{grid-template-columns:1fr;padding:19px 21px;gap:8px}.path-step{grid-template-columns:27px 1fr}.path-arrow{text-align:left;margin-left:7px;line-height:1}.decision-main{padding:20px 17px}.decision-main-head{align-items:start;flex-direction:column}.decision-item{padding:14px}.decision-item-top{align-items:flex-start}.decision-verdict{padding-top:3px}.handoff{grid-template-columns:1fr;padding:18px}.handoff-tags{grid-column:1}}