:root{--paper:#f3ede3;--paper-deep:#e8ddcf;--ink:#242433;--muted:#6d6a72;--indigo:#343c76;--indigo-deep:#202653;--coral:#ee765d;--lime:#d7df82;--line:rgba(36,36,51,.16);--wrap:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.7 "Microsoft YaHei","PingFang SC",Arial,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.wrap{width:min(calc(100% - 2rem),var(--wrap));margin:auto}.skip{position:fixed;left:1rem;top:-4rem;background:var(--lime);padding:.8rem 1rem;z-index:100}.skip:focus{top:1rem}.topbar{height:4.5rem;position:fixed;inset:0 0 auto;background:rgba(243,237,227,.94);border-bottom:1px solid var(--line);z-index:40;backdrop-filter:blur(14px)}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.65rem}.brand img{width:2.35rem;height:2.35rem}.brand b{display:block;color:var(--indigo-deep);font:900 .9rem/1 "Microsoft YaHei",Arial}.brand small{display:block;color:var(--muted);font:700 .47rem/1.3 Arial;letter-spacing:.15em;margin-top:.3rem}.topbar nav{display:none;gap:2rem}.topbar nav a{color:var(--indigo);font:800 .72rem Arial;letter-spacing:.12em}.nav-cta{background:var(--indigo);color:#fff;padding:.72rem 1rem;border-radius:999px;font:900 .72rem Arial}.nav-cta b{color:var(--lime);font-size:1rem;margin-left:.3rem}.menu{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:44px;height:44px;border:1px solid var(--indigo);border-radius:50%;background:transparent}.menu i{width:18px;height:2px;background:var(--indigo)}.mobile-nav{position:absolute;top:4.5rem;left:0;right:0;display:flex;flex-direction:column;background:var(--paper);max-height:0;overflow:hidden;transition:max-height .25s}.mobile-nav.is-open{max-height:18rem}.mobile-nav a{padding:1rem;border-bottom:1px solid var(--line);font-weight:800}.mobile-nav a:last-child{background:var(--coral);color:#fff}.hero{margin-top:4.5rem;min-height:47rem;position:relative;overflow:hidden;background:var(--paper)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 24%,rgba(238,118,93,.28),transparent 24%),linear-gradient(120deg,transparent 55%,rgba(52,60,118,.08) 55%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(52,60,118,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(52,60,118,.08) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000 46%,#000)}.hero-layout{position:relative;display:grid;gap:2rem;padding:5rem 0 2.5rem}.hero-copy{max-width:42rem;z-index:1}.eyebrow,.section-kicker{color:var(--coral);font:900 .64rem Arial;letter-spacing:.18em}.eyebrow span{display:inline-block;width:2rem;height:2px;background:var(--coral);vertical-align:middle;margin-right:.5rem}h1,h2,h3,p{margin-top:0}h1{margin:1.4rem 0 1.5rem;line-height:1}.hero h1>span{display:block;color:var(--indigo-deep);font:900 clamp(3.2rem,10vw,7.4rem)/.92 "Microsoft YaHei",Arial;letter-spacing:-.03em}.hero h1 em{display:block;color:var(--coral);font:900 clamp(2rem,5vw,4rem)/1.15 "Microsoft YaHei",Arial;font-style:normal;margin-top:1.1rem}.hero h1 i{color:var(--indigo);font-style:normal}.hero-lead{max-width:37rem;color:var(--muted);line-height:1.95}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1.2rem;margin-top:2rem}.paint-button{display:inline-flex;align-items:center;gap:.7rem;min-height:52px;padding:.7rem 1.15rem;background:var(--indigo);color:#fff;border-radius:999px;font:900 .78rem "Microsoft YaHei",Arial;box-shadow:6px 6px 0 var(--coral)}.brush-mark{display:block;width:1.7rem;height:1.7rem;border-radius:50% 50% 50% 0;background:var(--lime);transform:rotate(-45deg);position:relative}.brush-mark:after{content:"";position:absolute;width:.45rem;height:.45rem;border-radius:50%;background:var(--indigo);left:.62rem;top:.62rem}.text-button{color:var(--indigo);font:900 .78rem Arial}.text-button span{font-size:1.15rem;margin-left:.3rem}.hero-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2.6rem;color:var(--muted);font:800 .58rem Arial;letter-spacing:.13em}.hero-meta b{display:block;color:var(--indigo);font-size:1.1rem;margin-bottom:.2rem}.hero-art{position:relative;max-width:41rem;align-self:end;z-index:1}.hero-art img{width:100%;filter:drop-shadow(16px 18px 0 rgba(52,60,118,.13))}.swatch{position:absolute;width:3.8rem;height:3.8rem;border-radius:50%;border:8px solid var(--paper);box-shadow:0 5px 14px rgba(36,36,51,.2)}.swatch-a{background:var(--coral);right:8%;top:7%}.swatch-b{background:var(--lime);left:2%;bottom:13%}.art-note{position:absolute;right:-.5rem;bottom:6%;padding:.45rem .65rem;background:var(--indigo);color:var(--lime);font:900 .6rem Arial;letter-spacing:.13em;transform:rotate(-4deg)}.hero-foot{position:relative;display:flex;align-items:center;gap:1rem;padding-bottom:1.3rem;color:var(--muted);font:800 .56rem Arial;letter-spacing:.16em}.hero-foot i{width:4rem;height:1px;background:var(--coral)}.hero-foot b{margin-left:auto;color:var(--indigo)}.section{padding:5.5rem 0}.canvas{background:#fffaf4}.canvas-layout{display:grid;gap:2.4rem;align-items:center}.canvas-copy h2,.brush-copy h2,.mobile-copy h2,.faq h2{color:var(--indigo-deep);font:900 clamp(2.2rem,5vw,4rem)/1.1 "Microsoft YaHei",Arial;margin:1.1rem 0 1.4rem}.canvas-copy h2 em,.brush-copy h2 em,.mobile-copy h2 em,.faq h2 em{color:var(--coral);font-style:normal}.canvas-copy>p:not(.section-kicker),.brush-copy>p:not(.section-kicker),.mobile-copy>p:not(.section-kicker){color:var(--muted);line-height:1.9;max-width:33rem}.canvas-list{margin-top:2rem;border-top:1px solid var(--line)}.canvas-list>div{display:flex;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.82rem}.canvas-list b{color:var(--coral);font:900 .7rem Arial}.canvas-list strong{display:block;color:var(--indigo-deep)}.canvas-board{background:var(--indigo-deep);padding:1rem;box-shadow:12px 12px 0 rgba(238,118,93,.34);transform:rotate(1.5deg)}.board-toolbar,.board-bottom{display:flex;align-items:center;gap:.55rem;color:#dce0a0;font:800 .57rem Arial;letter-spacing:.1em}.board-toolbar small{margin-left:auto;color:#9fa8d0}.tool-dot{width:.6rem;height:.6rem;border:1px solid #b9c5eb;border-radius:50%}.tool-dot.active{background:var(--coral);border-color:var(--coral)}.tool-zoom{color:#fff;margin-left:.4rem}.board-art{position:relative;aspect-ratio:1.2/1;margin:.9rem 0;background:#f7e9d4;overflow:hidden}.orbit{position:absolute;border:1px solid rgba(52,60,118,.25);border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:70%;height:120%;left:16%;top:-8%}.orbit-two{width:95%;height:80%;left:3%;top:15%}.ink-shape{position:absolute;width:48%;height:68%;left:26%;top:15%;background:var(--coral);border-radius:55% 45% 52% 42%;transform:rotate(22deg);box-shadow:18px -17px 0 var(--indigo),-19px 22px 0 var(--lime)}.board-caption{position:absolute;left:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.1rem;color:var(--indigo);font:900 .62rem Arial;letter-spacing:.1em}.board-caption span{font-weight:700;font-size:.55rem;color:var(--muted)}.board-bottom{justify-content:space-between}.board-bottom i{height:1px;background:#8891bc;flex:1}.tools{background:var(--indigo)}.section-kicker.light{color:var(--lime)}.tools h2,.guide h2,.keyword-band h2{color:#fff;font:900 clamp(2.2rem,5vw,4rem)/1.1 "Microsoft YaHei",Arial;margin:1.1rem 0 1.4rem}.tools h2 em,.guide h2 em,.keyword-band h2 em{color:var(--coral);font-style:normal}.tools-head{display:grid;gap:1rem;align-items:end}.tools-head>p{color:#ccd2ed;line-height:1.9;max-width:32rem}.tool-grid{display:grid;gap:1px;margin-top:2.5rem;background:rgba(255,255,255,.2)}.tool-grid article{padding:1.5rem;background:#2c3469;min-height:18rem;color:#fff}.tool-icon{width:3.4rem;height:3.4rem;margin-bottom:1.3rem;position:relative}.icon-layer{display:flex;flex-direction:column;gap:4px;padding-top:.35rem}.icon-layer i{display:block;width:2.5rem;height:.62rem;background:var(--lime);border:2px solid #2c3469;transform:skew(-18deg)}.icon-layer i:nth-child(2){margin-left:.4rem;background:var(--coral)}.icon-layer i:nth-child(3){margin-left:.8rem;background:#fff}.icon-pen{border:3px solid var(--coral);border-radius:55% 20% 55% 20%;transform:rotate(-38deg)}.icon-pen:after{content:"";position:absolute;right:-.45rem;bottom:-.35rem;border-left:.65rem solid transparent;border-right:.65rem solid transparent;border-top:1.1rem solid var(--coral);transform:rotate(38deg)}.icon-color{display:flex;gap:.3rem;align-items:end}.icon-color i{display:block;width:.78rem;background:var(--coral);height:2.7rem;border-radius:99px}.icon-color i:nth-child(2){height:2rem;background:var(--lime)}.icon-color i:nth-child(3){height:1.4rem;background:#fff}.icon-export{display:grid;place-items:center;width:3.4rem;height:3.4rem;border:2px solid var(--lime);border-radius:50%;color:var(--lime);font-size:1.8rem}.tool-grid h3{font:900 1.2rem "Microsoft YaHei",Arial;margin:.6rem 0}.tool-grid p{color:#c8cdea;font-size:.82rem;line-height:1.8}.tool-grid span{color:var(--lime);font:800 .57rem Arial;letter-spacing:.12em}.brushes{background:var(--paper-deep)}.brushes-layout{display:grid;gap:2.5rem;align-items:center}.brush-visual{min-height:25rem;position:relative;padding:1rem}.brush-card{position:absolute;width:13rem;padding:1rem;background:#fffaf4;box-shadow:8px 10px 0 rgba(52,60,118,.12)}.brush-card span{color:var(--muted);font:800 .56rem Arial;letter-spacing:.12em}.brush-card strong{display:block;color:var(--indigo);font:900 1.1rem "Microsoft YaHei",Arial;margin-top:.5rem}.brush-card small{color:var(--muted);font-size:.68rem}.card-main{left:0;top:1rem;transform:rotate(-6deg)}.card-small{right:0;top:5rem;transform:rotate(8deg);background:#f5efc9}.card-accent{left:5rem;bottom:1rem;transform:rotate(-2deg);background:#ecebfa}.stroke{height:4rem;margin:.8rem 0 .3rem;border-radius:999px}.stroke-main{background:linear-gradient(90deg,var(--indigo),#6f78c1,var(--indigo-deep));height:1.2rem;margin-top:1.8rem;transform:rotate(-5deg)}.stroke-texture{background:repeating-linear-gradient(90deg,var(--coral) 0 3px,transparent 3px 8px);height:2.3rem}.stroke-light{background:radial-gradient(ellipse at 20% 50%,rgba(238,118,93,.8),transparent 45%),radial-gradient(ellipse at 70% 50%,rgba(52,60,118,.8),transparent 46%)}.brush-ruler{position:absolute;right:12%;bottom:3rem;display:flex;gap:1.2rem;transform:rotate(74deg)}.brush-ruler i{height:2.5rem;width:1px;background:var(--coral)}.brush-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.4rem 0 2rem}.brush-tags span{padding:.45rem .8rem;border:1px solid var(--indigo);border-radius:999px;color:var(--indigo);font-size:.75rem}.outline-button{display:inline-flex;align-items:center;gap:.35rem;color:var(--indigo);font:900 .76rem Arial}.outline-button b{font-size:1rem}.mobile{background:#fffaf4}.mobile-layout{display:grid;gap:2.5rem;align-items:center}.phone-frame{width:min(18rem,100%);margin:auto;padding:.75rem;border:2px solid var(--indigo-deep);border-radius:2rem;background:var(--indigo-deep);box-shadow:16px 16px 0 var(--lime);transform:rotate(-3deg)}.phone-top{display:flex;align-items:center;gap:.5rem;color:#fff;padding:.35rem .5rem .7rem;font-size:.7rem}.phone-top>span{width:.5rem;height:.5rem;background:var(--coral);border-radius:50%}.phone-top b{font-size:.7rem}.phone-top small{margin-left:auto;color:#c4c9e5}.phone-canvas{position:relative;aspect-ratio:.78/1;background:#f2dfc7;overflow:hidden}.phone-canvas>span{position:absolute;left:.7rem;bottom:.6rem;color:var(--indigo);font:900 .54rem Arial;letter-spacing:.1em}.phone-sun{position:absolute;width:6rem;height:6rem;right:1.2rem;top:2rem;background:var(--coral);border-radius:50%;box-shadow:-2.3rem 3.2rem 0 var(--lime)}.phone-line{position:absolute;width:10rem;height:4rem;left:-2rem;top:8rem;border-top:3px solid var(--indigo);border-radius:50%;transform:rotate(-26deg)}.phone-leaf{position:absolute;width:3rem;height:5rem;background:var(--indigo);border-radius:100% 0 100% 0;transform:rotate(34deg)}.leaf-a{left:3rem;bottom:3rem}.leaf-b{left:6rem;bottom:1.2rem;transform:rotate(70deg);background:var(--coral)}.phone-tools{display:flex;align-items:center;justify-content:space-around;padding:.85rem .3rem .25rem}.phone-tools i{width:1.05rem;height:1.05rem;border:2px solid #c4c9e5;border-radius:50%}.phone-tools i:nth-child(2){border-radius:3px;transform:rotate(45deg)}.phone-tools i:nth-child(3){border-color:var(--coral)}.phone-tools b{display:grid;place-items:center;width:1.2rem;height:1.2rem;color:var(--indigo);background:var(--lime);border-radius:50%}.guide{background:var(--indigo-deep);color:#fff}.guide-lead{max-width:32rem;color:#cbd0e9;line-height:1.9}.guide .paint-button{margin-top:1.2rem}.steps{list-style:none;margin:0;padding:1rem 0 0;border-top:1px solid rgba(255,255,255,.25)}.steps li{display:grid;grid-template-columns:2.2rem 1fr auto;gap:.8rem;align-items:center;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:.8rem}.steps li>b{color:var(--coral);font:900 .7rem Arial}.steps li strong{display:block;color:#fff}.steps li em{color:var(--lime);font:800 .56rem Arial;font-style:normal}.download{background:var(--coral)}.download h2{color:var(--indigo-deep);font:900 clamp(2.2rem,5vw,4rem)/1.1 "Microsoft YaHei",Arial;margin:1.1rem 0 1.4rem}.download h2 em{color:#fff3c2;font-style:normal}.download-layout{display:grid;gap:2rem;align-items:center}.download-layout>div:first-child>p:not(.section-kicker){color:#5a3241;line-height:1.9;max-width:34rem}.download .paint-button{background:var(--indigo-deep);box-shadow:6px 6px 0 var(--lime)}.download-note{display:block;color:#703e4d;font:800 .58rem Arial;letter-spacing:.1em;margin-top:1.3rem}.download-poster{background:var(--indigo-deep);padding:1rem;box-shadow:12px 12px 0 rgba(52,60,118,.25)}.download-poster img{border:1px solid rgba(255,255,255,.25)}.download-poster span{display:block;color:var(--lime);font:800 .58rem Arial;letter-spacing:.14em;margin-top:.8rem}.keyword-band{background:var(--indigo);color:#fff;padding:5.5rem 0}.keyword-grid{display:grid;gap:1px;margin-top:2.5rem;background:rgba(255,255,255,.18)}.keyword-grid article{padding:1.2rem;background:#30386f;min-height:11rem}.keyword-grid article>b{color:var(--lime);font:900 .7rem Arial}.keyword-grid h3{font:900 .94rem/1.45 "Microsoft YaHei",Arial;margin:.65rem 0;color:#fff}.keyword-grid p{margin:0;color:#ccd1e8;font-size:.76rem;line-height:1.7}.keyword-copy{margin-top:1.4rem;padding:1.1rem 1.2rem;border-left:3px solid var(--coral);background:rgba(255,255,255,.06)}.keyword-copy p{margin:0;color:#dbe0f1;font-size:.8rem;line-height:1.9}.faq{background:#fffaf4}.faq-layout{display:grid;gap:2.5rem}.faq-list details{border-top:1px solid var(--line);padding:1.2rem 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;display:flex;justify-content:space-between;gap:1rem;font-weight:900;font-size:.88rem;list-style:none;color:var(--indigo-deep)}summary::-webkit-details-marker{display:none}summary span{color:var(--coral);font-size:1.3rem}.faq-list details p{margin:.8rem 2rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.8}footer{background:#1d2147;color:#fff;padding:2.5rem 0 5rem}.footer-main{display:flex;flex-direction:column;gap:1.2rem}.footer-main .brand b{color:#fff}.footer-main p{color:#aeb6db;font-size:.76rem}.back-top{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #7f88b9;color:var(--lime);font-size:1.3rem;border-radius:50%}.footer-bottom{display:flex;flex-direction:column;gap:.35rem;border-top:1px solid rgba(255,255,255,.18);padding-top:1.1rem;margin-top:1.8rem;color:#8f97c1;font-size:.58rem;line-height:1.6}.mobile-download{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:35;background:#fffaf4;color:var(--indigo-deep);padding:.65rem 1rem;align-items:center;justify-content:space-between}.mobile-download span{font-weight:900;font-size:.76rem}.mobile-download a{background:var(--indigo);color:var(--lime);padding:.7rem .9rem;font-weight:900;font-size:.72rem;border-radius:999px}@media(min-width:768px){.wrap{width:min(calc(100% - 4rem),var(--wrap))}.topbar nav{display:flex}.menu,.mobile-nav{display:none}.hero{min-height:52rem}.hero-layout{grid-template-columns:.9fr 1.1fr;gap:3rem;padding-top:6.5rem}.canvas-layout{grid-template-columns:.9fr 1.1fr}.section{padding:7.5rem 0}.tools-head{grid-template-columns:1fr .75fr}.tool-grid{grid-template-columns:repeat(4,1fr)}.brushes-layout{grid-template-columns:1fr 1fr}.mobile-layout{grid-template-columns:.9fr 1.1fr}.guide-layout{grid-template-columns:1fr 1fr;gap:4rem}.download-layout{grid-template-columns:1.05fr .95fr}.keyword-grid{grid-template-columns:repeat(5,1fr)}.faq-layout{grid-template-columns:.8fr 1.2fr}.footer-main{flex-direction:row;align-items:center;justify-content:space-between}.footer-bottom{flex-direction:row;justify-content:space-between}footer{padding-bottom:2rem}.mobile-download{display:none}}@media(min-width:1024px){.hero h1>span{font-size:7.4rem}.hero h1 em{font-size:4rem}}