/* 延续首页的字体、色彩与按钮；详细页以可阅读的工作成果为中心。 */
.detail-page{--detail-accent:#d5edab}.detail-page svg,.product-entry svg{width:20px;height:20px;flex-shrink:0}.detail-page h2{font-size:34px;line-height:1.42;letter-spacing:-1px;color:var(--green)}.detail-page h3{line-height:1.45}.product-nav-wrap{border-bottom:1px solid var(--line);background:#f0f3e9}.product-nav{display:flex;gap:40px;align-items:center;min-height:58px;overflow-x:auto;scrollbar-width:thin}.product-nav a{padding:19px 0 16px;white-space:nowrap;font-size:14px;color:#5b685d;border-bottom:3px solid transparent}.product-nav a span{font-size:11px;margin-right:12px;color:#6c7b62}.product-nav a[aria-current=page]{color:var(--green);font-weight:700;border-color:var(--green)}.product-nav a:hover{color:var(--green)}
.detail-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;padding-block:48px 56px;align-items:center}.breadcrumb{font-size:12px;line-height:1.7;color:#687564;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.detail-hero h1{font-size:clamp(30px,3.15vw,45px);line-height:1.42;letter-spacing:-1.6px}.detail-hero h1 em{color:var(--green)}.hero-description{font-size:16px;line-height:1.95;margin-top:24px;color:#4c5f53;max-width:560px}.audience{font-size:12px;color:#677563;margin-top:18px;line-height:1.8}.detail-hero .actions{gap:12px;margin-top:28px;flex-wrap:wrap}.hero-example{border:1px solid #c7d7b4;border-radius:18px;background:#edf3e3;overflow:hidden;box-shadow:0 16px 40px #123d3209}.hero-example-bar{font-size:12px;padding:17px 22px;color:#52664a;border-bottom:1px solid #d4dfc6;display:flex;align-items:center;gap:8px}.hero-example-bar>span:last-child{margin-left:auto;font-size:10px}.example-dot{width:7px;height:7px;border-radius:100%;background:#719c46}.hero-example-body{padding:24px}.task-bubble{background:white;border:1px solid #dce5d2;border-radius:8px 8px 0 8px;padding:15px 17px;margin-left:32px}.task-bubble span{font-size:10px;color:#71816a}.task-bubble p{font-size:13px;line-height:1.8;margin-top:5px}.hero-example h2{font-size:21px;letter-spacing:-.5px;margin:24px 0 10px}.hero-output{background:white;border:1px solid #dce5d2;border-radius:10px;padding:4px 18px}.hero-output>div{display:grid;grid-template-columns:20px 86px 1fr;align-items:start;gap:7px;padding:15px 0;border-bottom:1px solid #e9eee1;font-size:12px;line-height:1.7}.hero-output>div:last-child{border:0}.hero-output strong{font-weight:650}.hero-output p{color:#687261}.output-check{color:#708f41}.hero-example-footer{padding:17px 24px;background:var(--green);color:#e2edce;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:10px}.hero-example-footer:hover{background:#205342}
.promise-strip{display:flex;align-items:center;gap:40px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.promise-strip>span{display:flex;align-items:center;gap:10px;font-size:13px;color:#496044}.promise-strip svg{width:16px;transform:rotate(-45deg)}.promise-strip>a{margin-left:auto;font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#54694d}.section-nav{display:flex;gap:30px;margin-top:22px;margin-bottom:6px;overflow-x:auto;scrollbar-width:thin;padding-block:8px}.section-nav a{font-size:12px;white-space:nowrap;color:#64705e}.section-nav a:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}
.scenario-section{padding:60px 0 76px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading .text-link{white-space:nowrap;margin-bottom:6px}.section-hint{font-size:12px;line-height:1.8;color:#6a7863;text-align:right}.scenario-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:32px;border-bottom:1px solid #bfcdb0}.scenario-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;text-align:left;padding:18px 10px;background:transparent;border-bottom:3px solid transparent;line-height:1.65;font-size:14px;color:#66735c}.scenario-tabs button span{font-size:11px;font-weight:400;opacity:.8}.scenario-tabs button[aria-selected=true]{background:#eaf1dd;color:var(--green);border-color:var(--green);font-weight:650;border-radius:8px 8px 0 0}.scenario-tabs button:hover{background:#edf1e5}.scene-panel{display:grid;grid-template-columns:.82fr 1.18fr;gap:40px;padding-top:34px;align-items:start}.scene-panel[hidden]{display:none}.scene-role{font-size:11px;color:#708063}.scene-brief h3{font-size:25px;margin:12px 0;color:var(--green);letter-spacing:-.6px}.scene-brief>p:not(.scene-role){font-size:14px;line-height:1.85;color:#62705f}.scene-brief blockquote{margin:24px 0;padding:18px 20px;background:#eaf1df;border-left:3px solid #7fa84d;font-size:14px;line-height:1.9;color:#364f32}.scene-brief blockquote span{display:block;font-size:11px;color:#6e7b5e;margin-bottom:8px}.scene-path{margin:0 0 22px}.scene-path>div{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid #e1e6d9}.scene-path dt{font-size:12px;font-weight:650;line-height:1.85;color:#4c6541}.scene-path dd{margin:0;font-size:13px;line-height:1.85;color:#5e6e57}.scene-use{display:inline-flex;gap:8px;align-items:center;padding:8px 0;text-decoration:underline;text-underline-offset:5px}.sample-sheet{border:1px solid #dce3d5;border-radius:12px;background:white;box-shadow:0 8px 20px #1b3a2605;overflow:hidden}.sheet-top{display:flex;gap:10px;justify-content:space-between;align-items:center;background:#f0f3e9;padding:14px 22px;font-size:11px;color:#506548}.sample-tag{font-size:10px;color:#707b65}.sheet-body{padding:24px}.sheet-body>h3{font-size:21px;color:var(--green);letter-spacing:-.3px}.sample-intro{font-size:11px;line-height:1.8;color:#788170;margin-top:8px}.sample-section{margin-top:21px}.sample-section h4{font-size:12px;color:#45683b;margin:0 0 7px}.sample-section p{font-size:13px;line-height:1.9;color:#52634d}.sample-table-wrap{overflow-x:auto;margin-top:22px}.sample-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.75;text-align:left}.sample-table th{font-weight:600;color:#657454;background:#f4f6ee;padding:11px 10px}.sample-table td{border-bottom:1px solid #e5eadd;padding:13px 10px;vertical-align:top;color:#526149}.sample-table th:first-child{width:28%}.sample-note{font-size:11px;line-height:1.8;color:#788170;margin-top:18px;padding-top:15px;border-top:1px dashed #dce2d3}.sheet-footer{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fbfcf8;border-top:1px solid #e5eadd}.sheet-footer>span{font-size:10px;color:#75816a}.sheet-footer .text-link{font-size:12px;white-space:nowrap}
.function-section{background:#fff;border-block:1px solid #e6ebdf}.module-list{display:grid;grid-template-columns:1fr 1fr;gap:0 58px;margin-top:32px}.module-item{display:flex;gap:20px;border-top:1px solid #e0e6da;padding:27px 0}.module-number{font-size:12px;color:#799160;margin-top:5px;min-width:22px}.module-item h3{font-size:19px;color:var(--green);margin-bottom:10px}.module-item p{font-size:13px;color:#65715e;line-height:1.85;max-width:470px}.module-item small{font-size:11px;color:#526a44;display:block;margin-top:13px;line-height:1.9}.module-item small b{font-weight:500;border-right:1px solid #c5d3b7;padding-right:10px;margin-right:10px;color:#7e8d70}.delivery-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.package-download{margin-top:28px;font-size:12px}.deliverable-list{margin:0;padding:0;list-style:none}.deliverable-list li{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #dfe5d6}.deliverable-list li:first-child{padding-top:0}.deliverable-list li>span{font-size:12px;color:#7b9063;padding-top:5px}.deliverable-list h3{font-size:20px;color:var(--green);margin-bottom:8px}.deliverable-list p{font-size:13px;line-height:1.8;color:#61705a}.scope-note{display:flex;align-items:start;gap:30px;padding:24px 28px;margin-top:36px;background:#eef2e6;border-radius:8px;color:#5f6f55;font-size:12px;line-height:1.9}.scope-note strong{white-space:nowrap;font-size:12px;color:#45633a}.start-section{background:#eaf1de}.start-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.prepare-list{padding:0;list-style:none;margin:30px 0 0}.prepare-list li{font-size:14px;color:#46603e;padding:14px 0;border-bottom:1px solid #d5dfc7;line-height:1.75;display:flex;gap:20px}.prepare-list li span{font-size:11px;color:#7b9364}.acceptance{background:#f8faf3;border:1px solid #d9e2ce;padding:32px;border-radius:12px}.acceptance h3{font-size:23px;color:var(--green);margin:14px 0}.acceptance>p{font-size:14px;line-height:1.9;color:#617257}.acceptance ol{padding-left:20px;font-size:12px;color:#697d5d;line-height:2.1;margin:20px 0}.fit-summary{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:25px}.fit-summary p{font-size:14px;line-height:1.95;color:#63725a;max-width:760px;margin-bottom:8px}.fit-summary>a{max-width:200px;flex-shrink:0;line-height:1.8;align-items:center;gap:10px}.related-products{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:26px}.related-products a{padding:22px 0;border-top:1px solid #ccd8c2;display:grid;grid-template-columns:1fr 24px;gap:12px}.related-products a>span{color:#708164;font-size:11px;grid-column:1/-1}.related-products strong{font-size:16px;line-height:1.6;font-weight:600;color:var(--green)}.related-products a:hover strong{text-decoration:underline;text-underline-offset:5px}.detail-closing h2{color:#fff}.closing-secondary{display:block;color:#d2e1c2;font-size:12px;margin-top:22px;text-decoration:underline;text-underline-offset:5px}.detail-page .footer{gap:24px}.detail-page dialog{max-width:min(660px,calc(100vw - 32px))}.detail-page [hidden]{display:none!important}
/* 首页到四个独立产品页的永久入口。 */
.product-entries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}.product-entry{display:grid;gap:13px;border-top:1px solid #cbd7bf;padding:21px 3px;color:var(--green)}.product-entry small{font-size:11px;color:#738366}.product-entry strong{font-size:17px;line-height:1.5}.product-entry p{font-size:12px;color:#6a775e;line-height:1.85}.product-entry>span{font-size:12px;font-weight:600;display:flex;gap:10px;align-items:center}.product-entry:hover strong{text-decoration:underline;text-underline-offset:5px}.panel-actions .panel-secondary{font-size:12px;color:#cfdfbf;text-decoration:underline;text-underline-offset:4px}.panel-actions{flex-wrap:wrap}.detail-quick-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:18px}
@media(min-width:1101px){.detail-hero{min-height:560px}.hero-example{margin-top:25px}}
@media(max-width:1100px){.detail-hero{gap:30px;grid-template-columns:1fr 1fr}.detail-hero h1{font-size:33px}.hero-example-body{padding:18px}.hero-output>div{grid-template-columns:18px 72px 1fr;font-size:11px}.hero-output{padding:3px 12px}.promise-strip{gap:20px}.scene-panel{gap:24px;grid-template-columns:.85fr 1.15fr}.scenario-tabs button{font-size:12px}.delivery-grid,.start-layout{gap:40px}.module-list{gap:0 32px}.product-entries{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.detail-page h2{font-size:27px;letter-spacing:-.8px}.detail-page .nav-cta{font-size:11px;padding:10px 13px;gap:7px}.detail-page .brand{font-size:16px;gap:8px}.product-nav{gap:24px;min-height:50px}.product-nav a{font-size:12px;padding:16px 0 13px}.product-nav a span{display:none}.detail-hero{grid-template-columns:1fr;gap:30px;padding-block:25px 30px}.breadcrumb{font-size:10px;gap:7px;margin-bottom:20px}.detail-hero h1{font-size:clamp(26px,5.8vw,35px);letter-spacing:-1px;line-height:1.5}.hero-description{font-size:14px;line-height:1.9;margin-top:18px}.audience{font-size:11px;margin-top:14px}.detail-hero .actions{margin-top:22px}.detail-hero .button{font-size:12px;padding:13px 16px;gap:10px}.hero-example-bar{font-size:11px;padding:15px 17px}.hero-example-body{padding:20px}.hero-example h2{font-size:20px}.hero-output>div{grid-template-columns:18px 78px 1fr;font-size:12px}.hero-example-footer{font-size:11px;padding:16px 20px}.promise-strip{flex-wrap:wrap;gap:14px 20px;padding:18px 0}.promise-strip>span{font-size:11px;gap:6px}.promise-strip>a{font-size:11px;margin-left:0}.section-nav{gap:22px;margin-top:16px}.section-nav a{font-size:11px}.scenario-section{padding:34px 0 48px}.section-heading{align-items:start;gap:16px;flex-direction:column}.section-hint{display:none}.scenario-tabs{grid-template-columns:1fr 1fr;margin-top:25px;gap:7px;border:0}.scenario-tabs button{border:1px solid #d9e3ce;border-radius:7px;padding:13px 10px;justify-content:start;font-size:12px;background:#eef2e8;gap:7px}.scenario-tabs button[aria-selected=true]{border-color:#99b576;background:#deebc9;border-radius:7px}.scene-panel{grid-template-columns:1fr;gap:25px;padding-top:26px}.scene-brief h3{font-size:23px}.scene-brief blockquote{margin:20px 0}.scene-path>div{grid-template-columns:80px 1fr}.sheet-top{padding:13px 17px}.sheet-body{padding:20px 17px}.sheet-body>h3{font-size:19px}.sample-table{font-size:11px}.sample-table td,.sample-table th{padding:11px 7px}.sample-table th:first-child{width:26%}.sheet-footer{padding:15px 17px;flex-wrap:wrap;gap:10px}.sample-tag{font-size:9px}.module-list{grid-template-columns:1fr;gap:0;margin-top:26px}.module-item{padding:22px 0;gap:17px}.module-item h3{font-size:18px}.delivery-grid,.start-layout{grid-template-columns:1fr;gap:32px}.deliverable-list li{padding:20px 0}.scope-note{flex-direction:column;gap:8px;padding:21px;margin-top:25px}.acceptance{padding:24px}.fit-summary{flex-direction:column;align-items:start;gap:12px}.fit-summary>a{max-width:none}.related-products{grid-template-columns:1fr;gap:0}.related-products a{padding:20px 0}.detail-closing h2{font-size:28px}.product-entries{gap:12px}.product-entry strong{font-size:15px}.product-entry p{font-size:11px}.product-entry>span{font-size:11px}.panel-actions .panel-caption{flex-basis:100%}.detail-page .footer{gap:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}