:root{--background:#f6f4fa;--foreground:#292334;--ink-soft:#635b70;--line:#e4ddec;--accent:#65418b}
*{box-sizing:border-box}html{background:var(--background);scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--foreground);background:var(--background);font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.8}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%}.site-shell{padding:0 22px;background:linear-gradient(150deg,#fff 0%,#f2edf9 65%,#faf9fd 100%)}.mobile-frame{max-width:640px;margin:0 auto;padding:28px 0 32px}.brand-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}.brand-header img{width:155px;height:auto}.official-label{font-size:.875rem;color:var(--ink-soft);white-space:nowrap}.intro{padding:42px 0 28px}.eyebrow{margin:0 0 12px;font-size:.875rem;letter-spacing:.1em;color:var(--accent)}h1,h2,h3,p{overflow-wrap:break-word}h1{font-family:"Songti SC",SimSun,serif;font-weight:500;font-size:clamp(2.2rem,8vw,3.1rem);line-height:1.45;letter-spacing:.015em;margin:0}h2{font-size:1.65rem;line-height:1.55;font-weight:500;margin:0}h3{margin:0;font-size:1.35rem;font-weight:500}.intro-copy{margin:20px 0 24px;color:var(--ink-soft)}.guide-link{display:flex;align-items:center;justify-content:space-between;padding:13px 20px;background:var(--accent);color:#fff;text-decoration:none;border-radius:4px}.product-cover{margin:8px 0 32px;background:#f7f5fb;border:1px solid var(--line)}.product-cover img{width:100%;height:auto}.system-card{padding:28px 22px;background:#fff;border:1px solid var(--line)}.system-card h2{font-size:1.4rem}.care-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.care-item{padding:14px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.care-item span{color:var(--accent);font-size:.875rem}.care-item p{margin:6px 0;font-size:1rem}.cycle-line{margin:22px 0 0;text-align:center;color:var(--accent);font-size:1.15rem}.cycle-line span{margin:0 14px;color:#a397b3}.instructions{padding-top:50px}.prep-note{margin:22px 0;background:#ece5f4;padding:12px 16px;border-radius:4px}.steps{list-style:none;margin:0;padding:0}.step{padding:26px 0;border-bottom:1px solid var(--line)}.step-title{display:flex;align-items:center;gap:16px}.step-title>span{font-family:Georgia,serif;font-size:2rem;line-height:1.2;color:var(--accent)}.step>p{margin:15px 0 20px;color:var(--ink-soft)}.step>img{width:100%;height:auto;border-radius:6px;background:#fff}.use-note{margin-top:28px;padding:20px;border-left:3px solid var(--accent);background:#eee8f5}.use-note strong{font-weight:600}.use-note p{margin:8px 0 0;color:var(--ink-soft)}footer{padding-top:40px;text-align:center;color:var(--ink-soft);font-size:.875rem}footer p{margin:0 0 4px}footer .company{margin-top:20px}footer a{font-size:.875rem;text-underline-offset:4px}@media(min-width:760px){.site-shell{padding:40px 24px}.mobile-frame{padding:36px 42px;background:#ffffffb8;border:1px solid var(--line);box-shadow:0 30px 90px #3423440c}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
