:root{--paper:#fff;--paper-deep:#f5f5f5;--ink:#1f1f1f;--muted:#5f6368;--indigo:#1f1f2e;--indigo-deep:#171725;--coral:#1473e6;--lime:#e7f3ff;--line:#d9d9d9;--wrap:1200px}
body{background:#fff;color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;line-height:1.6}
.wrap{width:min(calc(100% - 2.5rem),var(--wrap))}
.topbar{height:4.25rem;background:#fff;color:#1f1f1f;border-bottom:1px solid #dedede;backdrop-filter:none}
.brand{gap:.6rem}.brand img{width:2rem;height:2rem}.brand b{color:#1f1f1f;font-size:.86rem;letter-spacing:0}.brand small{color:#6e6e6e;letter-spacing:.1em}
.topbar nav a{color:#333;font:600 .77rem "Microsoft YaHei",Arial;letter-spacing:0}.topbar nav a:hover{color:var(--coral)}
.nav-cta{background:var(--coral);color:#fff;border-radius:2px;padding:.7rem 1.05rem;font:700 .76rem "Microsoft YaHei",Arial}.nav-cta b{color:#fff}
.menu{border:1px solid #333;border-radius:2px}.menu i{background:#222}
.mobile-nav{top:4.25rem;background:#fff}.mobile-nav a{border-color:#e3e3e3}.mobile-nav a:last-child{background:var(--coral);color:#fff}
.hero{margin-top:4.25rem;min-height:39rem;background:#202132;color:#fff}.hero:before{background:#202132 url('/assets/studio-poster.svg') 72% 50%/min(56vw,760px) auto no-repeat;opacity:1}.hero-grid{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000 0 40%,transparent 78%);opacity:.45}.hero-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:3rem;padding:6.3rem 0 3rem;min-height:39rem}.hero-copy{max-width:37rem}.eyebrow,.section-kicker{color:#9bd5ff;font-size:.66rem;letter-spacing:.12em}.eyebrow span{background:#9bd5ff}.hero h1{margin:1.3rem 0 1.25rem}.hero h1>span{color:#fff;font-size:clamp(3rem,6vw,5.2rem);letter-spacing:-.02em}.hero h1 em{color:#fff;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:600;margin-top:.65rem}.hero h1 i{color:#9bd5ff}.hero-lead{color:#d6d6df;line-height:1.85;max-width:34rem}.hero-actions{gap:1rem;margin-top:1.8rem}.paint-button{background:var(--coral);border-radius:2px;box-shadow:none;min-height:48px;padding:.65rem 1.15rem;font-size:.8rem}.paint-button:hover{background:#0d66d0}.brush-mark{background:#fff;border-radius:2px;transform:rotate(45deg);width:1.15rem;height:1.15rem}.brush-mark:after{background:var(--coral);width:.32rem;height:.32rem;left:.42rem;top:.42rem}.text-button{color:#fff;border:1px solid rgba(255,255,255,.7);border-radius:2px;padding:.72rem 1rem;font-size:.78rem}.text-button:hover{border-color:#9bd5ff;color:#9bd5ff}.hero-meta{gap:2.3rem;margin-top:2.15rem;color:#aeb0bf}.hero-meta b{color:#9bd5ff}.hero-art{display:block;visibility:hidden}.swatch,.art-note{display:none}.hero-foot{color:#afb1c1;padding-bottom:1.2rem}.hero-foot i{background:#9bd5ff}.hero-foot b{color:#9bd5ff}
.section{padding:5.8rem 0}.canvas{background:#fff}.canvas-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:4rem}.section-kicker{color:#1473e6;font-weight:700}.canvas-copy h2,.brush-copy h2,.mobile-copy h2,.faq h2{font-size:clamp(2rem,4vw,3.4rem);font-weight:600;letter-spacing:-.02em;color:#242424}.canvas-copy h2 em,.brush-copy h2 em,.mobile-copy h2 em,.faq h2 em{color:#1473e6}.canvas-copy>p:not(.section-kicker),.brush-copy>p:not(.section-kicker),.mobile-copy>p:not(.section-kicker){color:#5f6368;line-height:1.85}.canvas-list{margin-top:1.8rem}.canvas-list>div{padding:.82rem 0}.canvas-list b{color:#1473e6}.canvas-list strong{color:#242424}.canvas-board{background:#1f2030;padding:1rem;border-radius:3px;box-shadow:0 18px 40px rgba(0,0,0,.15);transform:none}.board-art{background:#f1e9dc}.tools{background:#f5f5f5}.section-kicker.light{color:#1473e6}.tools h2,.guide h2,.keyword-band h2{color:#242424;font-size:clamp(2rem,4vw,3.4rem);font-weight:600}.tools h2 em,.guide h2 em,.keyword-band h2 em{color:#1473e6}.tools-head>p{color:#5f6368}.tool-grid{gap:1rem;background:transparent}.tool-grid article{background:#fff;border:1px solid #dedede;border-radius:2px;color:#242424;min-height:16rem;padding:1.4rem;transition:box-shadow .2s,transform .2s}.tool-grid article:hover{box-shadow:0 12px 30px rgba(0,0,0,.1);transform:translateY(-3px)}.tool-grid h3{font-weight:600}.tool-grid p{color:#5f6368}.tool-grid span{color:#1473e6}.tool-icon{filter:saturate(.8)}
.brushes{background:#202132;color:#fff}.brush-copy h2{color:#fff}.brush-copy h2 em{color:#9bd5ff}.brush-copy>p:not(.section-kicker){color:#d6d6df}.brush-tags span{border-color:#9bd5ff;color:#fff;border-radius:2px}.outline-button{color:#9bd5ff;border:1px solid #9bd5ff;border-radius:2px;padding:.65rem .9rem}.outline-button:hover{background:#9bd5ff;color:#202132}.brush-card{border-radius:2px;box-shadow:0 12px 24px rgba(0,0,0,.16)}
.mobile{background:#fff}.phone-frame{border-radius:8px;background:#202132;box-shadow:18px 18px 0 #dcecff;transform:none}.phone-canvas{background:#e5f1ff}.phone-sun{background:#1473e6}.phone-line{border-color:#202132}.phone-leaf{background:#202132}.leaf-b{background:#1473e6}.mobile-copy ul{border-color:#dedede}.mobile-copy li{border-color:#dedede}
.guide{background:#e7f3ff;color:#242424}.guide h2{color:#242424}.guide h2 em{color:#1473e6}.guide-lead{color:#5f6368}.guide .paint-button{background:#1473e6}.steps{border-color:#c4d9ec}.steps li{border-color:#c4d9ec;color:#4d5660}.steps li>b{color:#1473e6}.steps li strong{color:#242424}.steps li em{color:#1473e6}
.download{background:#fff}.download h2{color:#242424}.download h2 em{color:#1473e6}.download-layout>div:first-child>p:not(.section-kicker){color:#5f6368}.download .paint-button{background:#1473e6;box-shadow:none}.download-note{color:#6a6a6a}.download-poster{background:#202132;box-shadow:12px 12px 0 #dcecff;border-radius:2px}
.keyword-band{background:#f5f5f5;color:#242424;padding:4.8rem 0}.keyword-band h2{color:#242424}.keyword-grid{gap:1rem;background:transparent}.keyword-grid article{background:#fff;border:1px solid #dedede;min-height:10rem;border-radius:2px}.keyword-grid article>b{color:#1473e6}.keyword-grid h3{color:#242424;font-weight:600}.keyword-grid p{color:#5f6368}.keyword-copy{border-left:3px solid #1473e6;background:#fff}.keyword-copy p{color:#5f6368}
.faq{background:#fff}.faq-list details{border-color:#dedede}.faq-list details p{color:#5f6368}summary{color:#242424;font-weight:600}summary span{color:#1473e6}
footer{background:#202132;padding-bottom:2rem}.footer-main .brand b{color:#fff}.footer-main p{color:#c8cad8}.footer-bottom{border-color:#414257;color:#9da0b5}.back-top{border-color:#9bd5ff;color:#9bd5ff;border-radius:2px}.mobile-download{background:#fff;border-top:1px solid #ddd}.mobile-download a{background:#1473e6;border-radius:2px;color:#fff}
@media(max-width:767px){.wrap{width:min(calc(100% - 2rem),var(--wrap))}.hero{min-height:49rem}.hero:before{background:#202132 url('/assets/studio-poster.svg') 55% 88%/125% auto no-repeat;opacity:.35}.hero-grid{mask-image:linear-gradient(180deg,#000 0 45%,transparent 82%)}.hero-layout{display:block;padding:4.2rem 0 2rem;min-height:49rem}.hero-copy{max-width:none}.hero-art{height:17rem;visibility:hidden}.hero-meta{gap:1.2rem}.hero-foot{padding-bottom:1rem}.section{padding:4.5rem 0}.canvas-layout,.brushes-layout,.mobile-layout,.guide-layout,.download-layout{grid-template-columns:1fr}.canvas-board{margin-top:1rem}.tool-grid{grid-template-columns:1fr 1fr}.tool-grid article{min-height:15rem}.brush-visual{min-height:22rem}.phone-frame{margin-top:1rem}.steps{margin-top:1rem}.keyword-grid{grid-template-columns:1fr 1fr}.keyword-grid article{min-height:12rem;padding:1rem}.keyword-copy{margin-top:1rem}}
@media(max-width:420px){.tool-grid,.keyword-grid{grid-template-columns:1fr}.hero h1>span{font-size:3.3rem}.hero h1 em{font-size:2rem}.hero-art{height:14rem}}
@media(min-width:768px){.wrap{width:min(calc(100% - 4rem),var(--wrap))}.hero{min-height:42rem}.hero-layout{min-height:42rem}.keyword-grid{grid-template-columns:repeat(5,1fr)}}