*{box-sizing:border-box}body{color:#242424;background:#faf9f7;margin:0;font-family:Arial,Microsoft YaHei,sans-serif;line-height:1.7}a{color:inherit;text-underline-offset:4px}header{border-bottom:1px solid #e4e0dc;justify-content:space-between;align-items:center;gap:16px;max-width:1160px;margin:auto;padding:24px 30px;display:flex}.brand{font-size:23px;font-weight:700;text-decoration:none}.brand small{margin-left:12px;font-size:12px;font-weight:400}nav{gap:24px;font-size:14px;display:flex}main{max-width:1100px;min-height:65vh;margin:0 auto;padding:36px 24px 70px}footer{text-align:center;color:#666;border-top:1px solid #e4e0dc;padding:24px;font-size:13px}footer a{margin-left:16px}.banner{color:#4e4326;text-align:center;background:#ede5cf;padding:9px;font-size:14px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:70px;padding:45px 0 65px;display:grid}h1{letter-spacing:-2px;margin:20px 0 24px;font-size:64px;line-height:1.2}h1 span{color:#756584}h2{font-size:27px;line-height:1.4}h3{font-size:19px}.eyebrow{letter-spacing:2px;color:#776484;font-size:12px}.lead{color:#625d62;margin-bottom:30px;font-size:19px}.muted{color:#6d6770;font-size:13px}.button,button{color:#fff;font:inherit;cursor:pointer;background:#71617e;border:0;border-radius:9px;min-height:46px;padding:13px 24px;font-weight:600;text-decoration:none;display:inline-block}button:disabled{opacity:.55;cursor:wait}.sample{background:#eae3dd;border-radius:100px 100px 16px 16px;padding:28px;box-shadow:0 16px 50px #554b5510}.sample>p:first-child{text-align:center;font-size:13px}.pill{background:#fff8;border-radius:30px;padding:4px 9px;font-size:11px}.swatch-art{justify-content:center;align-items:center;gap:5px;height:230px;display:flex;transform:rotate(-8deg)}.swatch-art div{border-radius:60px;width:43px;height:175px;box-shadow:2px 5px 7px #0001}.swatch-art div:nth-child(2n){transform:translateY(23px)}.sample h2{margin-bottom:8px}.sample p{font-size:12px}.dots{gap:8px;display:flex}.dots i{border-radius:50%;width:24px;height:24px}.grid{gap:20px;display:grid}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid article,.card{background:#fff;border:1px solid #e7e2df;border-radius:16px;margin-bottom:22px;padding:26px}.narrow{max-width:650px;margin:30px auto}input,select{width:100%;font:inherit;background:#fff;border:1px solid #cbc3ce;border-radius:8px;margin:8px 0 18px;padding:13px}input[type=checkbox]{width:auto;margin:0 10px 0 0}label{display:block}input[type=file]{font-size:14px}.error{color:#972f3b;background:#fff0ee;border-radius:8px;padding:12px}.preview{border-radius:12px;max-width:100%;max-height:240px;margin:10px auto;display:block}.color{border:1px solid #0001;border-radius:10px;height:100px}.kw{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0 0;display:flex}.kw span{color:#5c534b;letter-spacing:1px;background:#efe9e2;border-radius:999px;padding:5px 13px;font-size:13px}.combo{flex-wrap:wrap;gap:8px;margin:6px 0 12px;display:flex}.combo>div{background:#faf8f5;border:1px solid #eae4dd;border-radius:10px;align-items:center;gap:7px;padding:5px 10px;display:flex}.combo i{border:1px solid #0001;border-radius:6px;flex:none;width:22px;height:22px}.combo b{color:#6a6259;font-size:12px;font-weight:600}.combo small{color:#8a8177;font-size:11px}.report-head{text-align:center;padding:30px 0}.report-head h1{font-size:42px}.row{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}pre{white-space:pre-wrap;overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;overflow-wrap:anywhere;border-bottom:1px solid #ddd;padding:8px}.scroll{overflow:auto}.loading{border:4px solid #e5dfe7;border-top-color:#756584;border-radius:50%;width:44px;height:44px;margin:30px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}:focus-visible{outline-offset:4px;outline:3px solid #806891}p{overflow-wrap:anywhere}@media (max-width:650px){header{padding:16px}.brand{font-size:19px}.brand small{display:none}nav{gap:12px;font-size:12px}main{padding:24px 18px 40px}.hero{grid-template-columns:1fr;gap:30px;padding:10px 0 30px}h1{font-size:46px}.lead{font-size:16px}.three{grid-template-columns:1fr}.sample{padding:24px}.grid article{margin-bottom:0}.grid{margin-bottom:24px}.card{padding:20px}button,.button{max-width:100%}}@media print{header,footer,.banner,.no-print{display:none!important}main{max-width:none;padding:0}.card,.grid article{break-inside:avoid;box-shadow:none}.three{grid-template-columns:repeat(3,1fr)}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}