:root{--ink:#17171b;--muted:#686871;--paper:#f6f5f2;--card:#fff;--violet:#7c63ff;--line:#dedde1;--orange:#ff7854}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:16px;line-height:1.55}.site-header{height:76px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:15px;font-weight:800;text-decoration:none;letter-spacing:-.02em}.brand-mark{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:10px;background:var(--violet);color:#fff;font-size:18px;font-weight:900}.site-header nav{display:flex;gap:30px}.site-header nav a{font-size:14px;color:#5a5960;text-decoration:none}.site-header nav a:hover{color:var(--violet)}button{font:inherit;cursor:pointer}.header-action{border:0;border-radius:8px;padding:10px 16px;background:#1e1e23;color:#fff;font-size:14px;font-weight:700}.hero{max-width:1240px;min-height:610px;margin:auto;padding:82px 28px 72px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.eyebrow{margin:0 0 16px;color:var(--violet);font-size:12px;font-weight:800;letter-spacing:.12em}.hero h1,.section-heading h2,.workflow-section h2,.buy-copy h2{margin:0;letter-spacing:-.065em;line-height:1.04;font-size:clamp(43px,5vw,72px)}.hero h1 em{font-style:normal;color:var(--violet)}.hero-text{max-width:530px;margin:25px 0;color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:12px;align-items:center}.primary{border:0;border-radius:10px;padding:14px 20px;background:var(--violet);color:#fff;font-weight:800;box-shadow:0 10px 22px #7c63ff33}.primary span{margin-left:8px;padding-left:9px;border-left:1px solid #ffffff55}.secondary{padding:13px 18px;border:1px solid #cfced3;border-radius:10px;color:#2d2c32;text-decoration:none;font-weight:700}.fine-print{margin:15px 0 0;color:#8a8990;font-size:12px}.hero-art{position:relative;min-height:440px;display:grid;place-items:center}.panel-window{position:relative;z-index:2;width:min(100%,450px);padding:14px;background:#202024;border:1px solid #45454b;border-radius:17px;box-shadow:0 28px 60px #27242d4d;color:#f4f3f6;transform:rotate(2deg)}.panel-title{height:32px;display:flex;gap:8px;align-items:center;padding:0 4px;border-bottom:1px solid #37373c;font-size:13px}.panel-title span{width:8px;height:8px;border-radius:50%;background:var(--orange)}.panel-title i{margin-left:auto;color:#76747c;font-size:9px;font-style:normal}.panel-body{padding:16px 5px 7px}.picked{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid #414148;border-radius:11px}.picked-color{width:64px;height:64px;border-radius:8px;background:#6e58c7}.picked small,.match-row small{display:block;color:#a8a6af;font-size:11px}.picked strong{font-size:16px}.picked p{margin:2px 0 0;color:#d8d5df;font-size:10px}.match-sample{width:100%;margin:13px 0 11px;padding:9px;border:1px solid #8a74ff;border-radius:7px;background:#7c63ff;color:#fff;font-weight:700}.result-label{margin:0 0 7px;font-size:12px;font-weight:700}.match-row{display:flex;align-items:center;gap:8px;margin-top:6px;padding:7px;border-radius:7px;background:#29292e;font-size:11px}.match-row b{display:block}.match-row em{margin-left:auto;color:#d7d0ff;font-style:normal;font-weight:700;font-size:10px}.swatch{width:27px;height:27px;border-radius:5px;flex:none}.one{background:#6956b5}.two{background:#705ec7}.three{background:#614ea0}.color-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:130px;height:130px;top:13px;right:15px;background:#ffb85c}.orb-two{width:170px;height:170px;bottom:5px;left:4px;background:#ff765a}.trust{display:flex;justify-content:center;gap:54px;padding:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#66656c;font-size:13px;font-weight:700}.trust span:before{content:"";display:inline-block;width:6px;height:6px;margin:0 9px 2px 0;border-radius:50%;background:var(--violet)}.content-section,.faq-section{max-width:1240px;margin:auto;padding:130px 28px}.section-heading{max-width:750px}.section-heading h2{font-size:clamp(36px,4vw,56px)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:50px}.feature{min-height:260px;padding:27px;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}.feature-wide{grid-column:span 2;background:#242329;color:#fff;border:0}.num{display:block;color:var(--violet);font-size:12px;font-weight:900}.feature-wide .num{color:#b6aaff}.feature h3{margin:35px 0 8px;font-size:21px;letter-spacing:-.04em}.feature p{max-width:440px;margin:0;color:#7c7b82;font-size:14px}.feature-wide p{color:#c8c5cf}.feature-bars{display:flex;gap:8px;align-items:end;height:54px;margin-top:24px}.feature-bars i{width:13%;border-radius:5px 5px 0 0;background:var(--violet)}.feature-bars i:nth-child(1){height:30%}.feature-bars i:nth-child(2){height:48%}.feature-bars i:nth-child(3){height:78%;background:#ab99ff}.feature-bars i:nth-child(4){height:58%}.feature-bars i:nth-child(5){height:37%}.mini-search{margin-top:31px;padding:9px 12px;border:1px solid #e3e1e8;border-radius:8px;color:#4d4b54;font-size:12px;font-weight:700}.mini-search b{float:right;color:var(--violet)}.ratio-card{display:flex;height:36px;margin-top:31px;border-radius:7px;overflow:hidden}.ratio-card i:nth-child(1){width:60%;background:#4aa09f}.ratio-card i:nth-child(2){width:30%;background:#c8df91}.ratio-card i:nth-child(3){width:10%;background:#ff7f5a}.note-lines{margin-top:27px}.note-lines i{display:block;height:7px;margin:9px 0;border-radius:4px;background:#e7e5ea}.note-lines i:nth-child(1){width:92%}.note-lines i:nth-child(2){width:78%}.note-lines i:nth-child(3){width:58%}.workflow-section{padding:105px max(28px,calc((100% - 1184px)/2));display:grid;grid-template-columns:1fr 1fr;gap:90px;background:#e9e7e3}.workflow-section h2{font-size:clamp(38px,4vw,58px)}.workflow-section ol{margin:0;padding:0;list-style:none}.workflow-section li{display:flex;gap:25px;padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid #ccc9c5}.workflow-section li:last-child{border:0}.workflow-section li>b{font-size:13px;color:var(--violet)}.workflow-section h3{margin:0;font-size:18px}.workflow-section p{margin:5px 0;color:#6d6b70;font-size:14px}.buy-section{max-width:1150px;margin:130px auto;display:grid;grid-template-columns:400px 1fr;gap:100px;align-items:center}.price-card{padding:37px;border-radius:18px;background:#242329;color:#fff;box-shadow:0 18px 45px #2c26362b}.price-card h2{margin:0;font-size:28px}.price{margin:10px 0 0;font-size:70px;font-weight:900;line-height:1}.price small{font-size:28px}.price-note{margin:8px 0 26px;color:#a8a5ad;font-size:13px}.price-card ul{padding:0;margin:0 0 29px;list-style:none}.price-card li{margin:9px 0;font-size:14px}.price-card li:before{content:"✓";margin-right:10px;color:#aa9cff}.price-card .primary{width:100%}.payment-note{margin:12px 0 0;color:#aaa7b0;font-size:12px;text-align:center}.buy-copy h2{font-size:clamp(38px,4vw,58px)}.buy-steps{margin-top:30px}.buy-steps p{margin:16px 0;color:#58565e}.buy-steps b{display:inline-grid;place-items:center;width:27px;height:27px;margin-right:12px;border-radius:50%;background:#ded8ff;color:#5d45dc;font-size:12px}.legal-note{max-width:500px;margin-top:30px;color:#88858c;font-size:13px}.faq-section{padding-top:0;max-width:900px}.faq-section h2{margin:0 0 28px;font-size:43px;letter-spacing:-.06em}.faq-section details{border-top:1px solid var(--line);padding:18px 4px}.faq-section details:last-child{border-bottom:1px solid var(--line)}.faq-section summary{cursor:pointer;font-size:16px;font-weight:800;list-style:none}.faq-section summary:after{content:"+";float:right;color:var(--violet);font-size:22px;font-weight:400}.faq-section details[open] summary:after{content:"−"}.faq-section details p{max-width:690px;margin:12px 0 0;color:#74727a;font-size:14px}footer{display:flex;align-items:center;gap:25px;justify-content:space-between;padding:30px max(28px,calc((100% - 1184px)/2));background:#202024;color:#aaa7b0;font-size:12px}footer .brand{color:#fff}dialog{max-width:460px;border:0;border-radius:17px;padding:35px;background:#fff;box-shadow:0 20px 80px #11111155}dialog::backdrop{background:#17171baa}dialog h2{margin:0;font-size:30px;letter-spacing:-.05em}dialog>p:not(.eyebrow){color:#6c6a72}.dialog-close{position:absolute;top:12px;right:15px;border:0;background:transparent;color:#777;font-size:25px}.wechat-id{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:24px;padding:10px 10px 10px 15px;border-radius:10px;background:#f1effb}.wechat-id code{color:#4631ba;font-size:17px;font-weight:800}.wechat-id button{border:0;border-radius:7px;padding:8px 11px;background:var(--violet);color:#fff;font-size:13px;font-weight:700}.dialog-tip{margin-bottom:0;color:#8b8791;font-size:12px}@media(max-width:800px){.site-header{padding:0 18px}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding:55px 22px;gap:25px}.hero-art{min-height:350px}.panel-window{transform:none}.trust{gap:13px;justify-content:flex-start;overflow:auto;padding:18px 22px;white-space:nowrap}.content-section,.faq-section{padding:80px 22px}.feature-grid{grid-template-columns:1fr}.feature-wide{grid-column:span 1}.workflow-section{grid-template-columns:1fr;gap:45px;padding:75px 22px}.buy-section{grid-template-columns:1fr;gap:50px;margin:80px 22px}.price-card{max-width:400px}.hero h1{font-size:48px}footer{flex-wrap:wrap;padding:28px 22px;gap:10px}footer p{margin:0}.header-action{padding:9px 12px}}