/* 云白净境：纯白与冷灰为底，雾蓝灰仅用于交互强调 */
:root{--b:#6b82a6;--ink:#191c21;--muted:#59636f;--line:#e5e8ed;--soft:#f7f8fa}
html{text-rendering:auto}body{color:var(--ink);background:#fff;font-family:Arial,"Microsoft YaHei UI","Microsoft YaHei",sans-serif;font-weight:400}
.brand,.title h2,.grid h3,.reasons h3,.photo-carousel .slide-caption,.photo-carousel .slide-caption h1,.photo-carousel .slide-caption h2{color:#191c21;text-shadow:none}
.nav .brand{font-size:18px;font-weight:400;letter-spacing:.02em}.title h2{font-size:28px;font-weight:400;letter-spacing:0;line-height:1.3}.grid h3,.reasons h3{font-weight:400;letter-spacing:0}.photo-carousel .slide-caption h1,.photo-carousel .slide-caption h2{font-size:34px;font-weight:400;letter-spacing:0;line-height:1.25}
nav a{color:#3f4852;font-weight:400}.title p,.grid p,.reasons p,.photo-carousel .slide-caption p{color:#59636f;font-weight:400}
.button,.work-actions button,.result-download{border:1px solid #d7dde6;background:#f5f7fa;color:#506986;font-weight:400;box-shadow:0 5px 14px #596b8410}.button:hover,.work-actions button:not(:disabled):hover,.result-download:hover{background:#edf1f6;border-color:#c5cedb;box-shadow:0 8px 18px #596b8418}
.grid>article>i,.work-head>div>span,.result-icon{background:#f2f4f8;color:#667d9f}.grid a,.title span,.reasons b{color:#586f91;font-weight:400}.title span,.reasons b{font-weight:500}
.grid article.active-tool{border-color:#cfd7e2;background:#fafbfc;box-shadow:0 8px 22px #61718a12}.grid article.active-tool>i{background:#e9edf4;color:#536d91}.grid article.active-tool a{color:#4e6789}
.drop{border-color:#d9dee6;background:#fff}.drop.drag{border-color:#9fadc0;background:#f8f9fb}.work-head,.file-chip,.table-scroll tr:first-child,.result-item{background:#f8f9fb}.result-icon{background:#eef1f5}
.photo-carousel{animation:none;transform:none}.photo-carousel .slide-caption{top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;animation:none;transform:none}.photo-carousel .slide-caption a{align-self:flex-start;border-color:#d8dee7;background:#f7f8fa;color:#506986;font-weight:400;box-shadow:0 5px 14px #596b8410;backdrop-filter:none}.photo-carousel .slide-caption a:hover{background:#edf1f6;border-color:#c5cedb}.photo-carousel .dots i{background:#c9ced6}.photo-carousel .dots i.active{background:#7889a3}
.help-head span,.help-steps article>b{color:#5a7091}.help-steps article>b{background:#eef1f5}.help-dialog{border-color:#e3e6eb;background:#fff}.help-steps article{background:#f8f9fb}.help-head button{background:#f3f4f7}.help-head button:hover{background:#e9ecf1}.help-note{background:#f3f5f8;color:#606b79}
.feature{background:#f7f8fa}.safe{border-color:#e0e4e9;background:#fff;color:#343b44}.safe>b{background:#f0f2f6;color:#5d7394}.safe h2{font-weight:500}.safe small{color:#737c88}.safe a{border-color:#dce1e8;color:#526a8a;font-weight:400}.toast{background:#353b44}
.grid article,.reasons article{border-color:#e5e8ed;background:#fff;box-shadow:0 5px 18px #5561700a}.grid article:before{background:#8596ae}
.nav{background:#fff;border-bottom-color:#eceef2}.brand img{filter:none}footer .brand{font-size:17px;font-weight:400;letter-spacing:.02em}footer .brand img{width:32px;height:32px}footer p{color:#6c7480}.photo-carousel{box-shadow:0 18px 42px #5d687714}.photo-carousel .slide>img{filter:brightness(1.01) contrast(1.08) saturate(.92)}.photo-carousel .slide-caption>b{color:#596f90;background:#f5f6f8;font-weight:500}.prev,.next{color:#5b6879;border-color:#e0e4ea}
@media(max-width:850px){.nav .brand{font-size:17px}.title h2{font-size:26px;line-height:1.3}.photo-carousel .slide-caption{top:auto;bottom:58px;display:block}.photo-carousel .slide-caption h1,.photo-carousel .slide-caption h2{font-size:29px;line-height:1.3}}

/* Soft mint carousel controls, with a stable hit area for every slide. */
.photo-carousel .dots{display:flex;align-items:center;gap:3px;padding:3px 7px;border:1px solid #ffffffc9;border-radius:999px;background:#fffffff0;box-shadow:0 3px 12px #8ab6a510}
.photo-carousel .dots button{display:grid;place-items:center;width:28px;height:24px;margin:0;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer}
.photo-carousel .dots button:before{content:"";display:block;width:7px;height:7px;border-radius:8px;background:#d3e7dd;transition:width .18s ease,background .18s ease}
.photo-carousel .dots button.active:before{width:24px;background:linear-gradient(90deg,#b7dbc5,#8bcbbd)}
.photo-carousel .dots button:hover:before{background:#a3d5bd}
.photo-carousel .dots button:focus-visible,.photo-carousel .prev:focus-visible,.photo-carousel .next:focus-visible{outline:2px solid #88baa5;outline-offset:3px}
.photo-carousel .prev,.photo-carousel .next{display:grid;place-items:center;width:34px;height:34px;padding:0;background:#fff;border:1px solid #e2eee6;color:#7cae99;box-shadow:0 3px 12px #8ab6a510;backdrop-filter:none;transition:background .18s ease,border-color .18s ease}
.photo-carousel .prev:hover,.photo-carousel .next:hover{background:#f5fbf4;border-color:#bbdcc5}
.photo-carousel .prev svg,.photo-carousel .next svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:850px){.photo-carousel .prev,.photo-carousel .next{display:none}}
@media(prefers-reduced-motion:reduce){.photo-carousel .dots button:before{transition:none}}

/* Two-line privacy message on desktop and mobile. */
.safe{padding:24px;gap:18px;align-items:center}
.safe>b{display:grid;place-items:center;width:40px;height:40px;padding:0;flex:0 0 40px;border-radius:12px}
.safe>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;line-height:1.5}
.safe h2,.safe p{display:block;margin:0;line-height:1.5}
.safe>a{flex-shrink:0;white-space:nowrap}
@media(max-width:850px){
  .safe{display:grid;grid-template-columns:32px minmax(0,1fr);padding:20px 18px;gap:12px;align-items:center}
  .safe>b{display:grid;width:32px;height:32px;grid-column:1;grid-row:1;border-radius:10px}
  .safe>div{display:contents}.safe h2{grid-column:2;grid-row:1}.safe p{grid-column:1/-1;grid-row:2}
  .safe>a{grid-column:1/-1;width:100%;min-height:40px;display:grid;place-items:center;margin:4px 0 0}
}
@media(max-width:380px){.safe{padding:18px 13px}}
/* Extend the existing tool link over its card: one action and one tab stop. */
.tools .grid article>a[data-tool]::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;cursor:pointer}
.tools .grid article>a[data-tool]:focus-visible{outline:none}
.tools .grid article>a[data-tool]:focus-visible::after{outline:2px solid #88baa5;outline-offset:-3px}

/* A single compact heading lets the tools speak for themselves. */
.tools .tools-heading{display:flex;align-items:center;gap:20px}
.tools .tools-heading h2{margin:0;color:#34414e;font-size:20px;font-weight:500;line-height:1.4;white-space:nowrap}
.tools .tools-heading:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#e5eaf0,#e5eaf000)}
.tools .tools-heading+.grid{margin-top:20px}
@media(max-width:850px){.tools .tools-heading{gap:16px}.tools .tools-heading h2{font-size:18px}.tools .tools-heading+.grid{margin-top:18px}}

/* Restrained wording and scale for the benefits heading. */
.feature .title h2{font-size:24px;font-weight:400;line-height:1.4;letter-spacing:.04em;color:#34414e}
@media(max-width:850px){.feature .title h2{font-size:21px}}