:root{--blue:#135bc7;--navy:#102544;--sky:#edf5ff;--mint:#e8f7f4;--line:#dce5ed;--muted:#617084;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#f6f9fc;color:#162235}.page{width:min(1120px,calc(100% - 32px));margin:auto}.nav{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100% - 1120px)/2));border-bottom:1px solid #edf0f4;position:sticky;top:0;z-index:10}.logo{font-size:20px;font-weight:900;letter-spacing:.02em;color:var(--navy);text-decoration:none}.logo b{color:var(--blue)}.nav-links{display:flex;gap:24px;align-items:center}.nav a{color:#33445d;text-decoration:none;font-size:14px}.nav-links a:hover{color:var(--blue)}.primary-btn,.secondary-btn{border:0;border-radius:999px;padding:13px 22px;font-size:15px;font-weight:800;text-decoration:none;cursor:pointer;display:inline-block}.primary-btn{background:var(--blue);color:#fff}.secondary-btn{background:#fff;color:var(--blue);border:1px solid #cbdcf3}.hero{padding:58px 0 50px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.tag{display:inline-block;background:#e7f0ff;color:var(--blue);font-weight:800;font-size:13px;border-radius:99px;padding:8px 12px}.hero h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.06em;line-height:1.13;margin:19px 0}.hero p,.lead{color:var(--muted);font-size:17px;line-height:1.8}.hero-image{width:100%;border-radius:22px;box-shadow:0 24px 60px #1e4a822b}.trust,.contact-card{border-radius:22px;background:#fff;padding:30px;margin:20px 0;box-shadow:0 10px 30px #18345c0a}.trust h2{margin:0;font-size:24px}.trust p{color:var(--muted);margin:10px 0 0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0 60px}.features div{background:var(--mint);padding:25px;border-radius:18px;font-size:16px;font-weight:800}.contact-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:50px}.contact-card h2{margin:0 0 8px}.contact-card p{margin:0;color:var(--muted)}.homepage-hero{min-height:570px;background:linear-gradient(115deg,#fff 4%,#f9fbff 49%,#dceafa);padding:70px 7%;margin:0 calc((1120px - 100vw)/2);display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.homepage-hero h1{font-size:clamp(43px,5.4vw,68px);line-height:1.1;letter-spacing:-.07em;margin:18px 0}.homepage-hero p{max-width:540px}.homepage-hero figure{margin:0}.homepage-hero img{width:100%;display:block;border-radius:20px;box-shadow:0 26px 62px #17428035}.quick-grid,.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.quick-grid{margin:42px 0 76px}.quick-card{padding:24px;border-radius:18px;background:#fff;box-shadow:0 10px 30px #17355b0c}.quick-card strong{display:block;font-size:19px;margin-bottom:8px}.quick-card span{color:var(--muted);font-size:14px}.home-section{padding:62px 0}.home-section h2{font-size:34px;letter-spacing:-.04em;margin:0 0 10px}.home-section>p{color:var(--muted);margin:0 0 25px}.content-card{overflow:hidden;border-radius:19px;background:#fff;box-shadow:0 12px 35px #17355b0c}.content-card img{width:100%;height:220px;object-fit:cover;display:block}.content-card div{padding:21px}.content-card h3{margin:0 0 8px;font-size:21px}.content-card p{color:var(--muted);line-height:1.7;font-size:14px;margin:0}.content-card a{display:inline-block;margin-top:15px;color:var(--blue);font-weight:800;text-decoration:none}.service-band{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;background:var(--navy);color:#fff;padding:42px;border-radius:24px;margin:40px 0 70px}.service-band p{color:#c7d6ec;line-height:1.8}.service-band img{max-width:220px;width:100%;justify-self:center;border-radius:14px}.assess-page{max-width:760px;margin:44px auto;padding:0 18px}.assess-box,.result-card,.ai-card{background:var(--white);border-radius:25px;padding:30px;box-shadow:0 18px 50px #14355712}.progress{height:8px;background:#e9eef4;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--blue);transition:width .25s}.step{display:none;padding-top:25px}.step.active{display:block}.step h1{margin:6px 0;font-size:30px}.step p{color:var(--muted);line-height:1.7}.measure{width:100%;max-height:250px;object-fit:contain;border-radius:16px;background:#f5f8fb;margin:8px 0}.options{display:grid;gap:10px;margin-top:20px}.option{padding:15px 17px;border:1px solid var(--line);background:#fff;border-radius:14px;cursor:pointer;text-align:left;font-size:16px}.option:hover,.option.selected{background:var(--blue);border-color:var(--blue);color:#fff}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.actions button:disabled{opacity:.35;cursor:not-allowed}.ai-page,.result-page{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:30px}.ai-card,.result-card{width:min(680px,100%);text-align:center}.ai-circle{width:62px;height:62px;border:6px solid #dceafe;border-top-color:var(--blue);border-radius:50%;margin:auto;animation:spin 1s linear infinite}.analysis-list{text-align:left;display:grid;gap:11px;margin:26px 0}.analysis-list div{background:#f2f7ff;border-radius:12px;padding:13px}.result-card h1{font-size:32px}.recommend{background:var(--sky);padding:24px;border-radius:18px;text-align:left;margin:20px 0}.recommend h2{color:var(--blue);margin:0 0 10px}.recommend p{margin:7px 0;color:#43546b}.reason{text-align:left;background:#f8fafc;padding:18px;border-radius:16px}.contact-page{padding:52px 0}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.form-card,.qr-card,.catalog-card{background:#fff;padding:28px;border-radius:22px;box-shadow:0 12px 35px #17355b0b}.form-card h1,.qr-card h2{margin-top:0}.form-card input{width:100%;padding:14px;margin:8px 0;border:1px solid var(--line);border-radius:11px;font:inherit}.form-card button{width:100%;margin-top:12px}.qr-card{text-align:center}.qr-card img{width:min(280px,100%);border-radius:14px}.qr-card p{color:var(--muted);line-height:1.7}.catalog-card{margin-top:22px}.catalog-card img{width:100%;max-height:420px;object-fit:cover;object-position:top left;border:1px solid var(--line);border-radius:12px}.height-guide{width:100%;max-width:560px;margin:15px auto;display:block;border-radius:12px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.nav-links{display:none}.hero,.contact-grid,.homepage-hero,.service-band{grid-template-columns:1fr}.hero{padding-top:32px;gap:25px}.features,.quick-grid,.content-grid{grid-template-columns:1fr}.homepage-hero{margin:0 -16px;padding:48px 32px;min-height:auto}.homepage-hero h1{font-size:42px}.contact-card{display:block}.contact-card .primary-btn{margin-top:20px}.assess-box,.result-card,.ai-card{padding:22px}.step h1{font-size:25px}}