:root{color-scheme:dark;--bg:#171719;--panel:#1e1e21;--panel-light:#252428;--text:#f5f2ed;--muted:#aaa6ad;--line:#37353a;--pink:#f768a4;--paper:#f1eee8;--ink:#232125;--font:"Bahnschrift","Avenir Next","Microsoft YaHei","PingFang SC",sans-serif}
[hidden]{display:none!important}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{color:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--pink);outline-offset:5px}::selection{background:#f768a4;color:#171719}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.25}html[data-language="en"] .zh,html[data-language="zh"] .en{display:none}html[data-language="zh"]{word-break:normal}.wrap{max-width:1328px;width:calc(100% - 112px);margin-inline:auto}.accent{background:linear-gradient(100deg,#f54ea2,#ff7676);color:transparent;background-clip:text}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;background:var(--paper);color:var(--ink);padding:10px 16px;z-index:100}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;background:rgba(23,23,25,.96);border-bottom:1px solid var(--line)}.header-inner{max-width:1456px;min-height:82px;width:calc(100% - 80px);margin:auto;display:flex;align-items:center;gap:32px}.home-link{display:flex;align-items:center;gap:22px;margin-right:auto;flex-shrink:0}.home-link img{width:130px}.main-nav{display:flex;gap:28px;font-size:13px}.main-nav a{color:#c9c5cc;transition:color .15s}.main-nav a:hover{color:var(--pink)}.language-switch{display:flex;align-items:center;gap:4px;margin-left:14px;color:#666169;font-size:12px}.language-switch button{border:0;background:transparent;min-height:44px;min-width:35px;padding:0;color:#87818b;font-weight:600;letter-spacing:.05em}.language-switch button[aria-pressed="true"]{color:var(--text)}.hero{padding-top:40px;padding-bottom:42px}.hero .accent{display:inline-block}.eyebrow,.section-number,.preview-caption,.preview-spec,.file-label{font-size:11px;letter-spacing:.09em;font-weight:500}.eyebrow{display:flex;align-items:center;gap:9px;color:#bdb7c0}h1{font-size:clamp(42px,4.2vw,62px);letter-spacing:-.055em;line-height:1.15;margin:0 0 28px}html[data-language="zh"] h1{line-height:1.2;letter-spacing:-.04em;font-weight:600}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:46px;font-size:13px;font-weight:600;border:1px solid transparent;transition:background .18s,border-color .18s,color .18s}.button span[aria-hidden]{font-size:20px;line-height:1}.primary{background:var(--paper);color:var(--ink);padding:12px 22px;gap:34px}.primary:hover{background:var(--pink)}.section{padding:56px 0 62px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:32px minmax(0,1fr);gap:24px;align-items:center;margin-bottom:31px}.section-number{color:var(--pink);white-space:nowrap}.section-heading h2{font-size:30px;letter-spacing:-.025em}.section-heading p:not(.section-number){font-size:14px;color:var(--muted);margin-top:10px}.logo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.asset-card{border:1px solid var(--line)}.logo-preview{height:250px;position:relative;display:flex;align-items:center;justify-content:center;padding:60px 34px 44px;overflow:hidden}.preview-white{background:#1d1d20}.preview-pink{background:#242126}.logo-preview img{width:100%;max-width:560px}.preview-caption{position:absolute;top:21px;left:23px;color:#8f8894;font-size:10px}.preview-spec{position:absolute;bottom:17px;right:22px;color:#aaa0af;font-size:10px}.asset-info{padding:24px;border-top:1px solid var(--line)}.asset-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.asset-title h3{font-size:18px;letter-spacing:-.015em}.asset-info>p{font-size:13px;color:var(--muted);margin:12px 0 22px;min-height:44px;line-height:1.8}.asset-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.outline{border-color:#59505e;min-width:106px;padding:9px 17px}.outline:hover{background:#352c38;border-color:#b28caa}.png-control{display:flex;align-items:center;border:1px solid #59505e;min-height:46px}.png-control .button{border:none;border-left:1px solid #59505e;min-width:94px;min-height:44px}.png-control select{appearance:auto;cursor:pointer;padding:9px 8px 9px 14px;min-height:44px;background:#171719;border:0;font-size:12px;min-width:99px}.png-control select:focus-visible{outline-offset:-4px}.section-footnote{font-size:12px;color:#99919e;margin-top:20px;line-height:1.8}.guidance-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:24px}.spacing-card,.name-rule{padding:28px 30px;border:1px solid var(--line);background:var(--panel)}.spacing-card{display:flex;flex-direction:column;justify-content:center}.spacing-diagram{min-height:205px;display:flex;align-items:center;justify-content:center;padding:24px 20px 0}.safe-area{position:relative;border:1px dashed #f59ab866;width:100%;padding:6.5% 5.5%;background:linear-gradient(#f991ad04,#f991ad04)}.safe-area:before,.safe-area:after{content:"";position:absolute;left:5.5%;right:5.5%;height:1px;background:#bf6b8d66}.safe-area:before{top:24%}.safe-area:after{bottom:24%}.safe-area img{width:100%;position:relative}.dimension{position:absolute;font-size:10px;color:#d898b0;line-height:1}.dimension.top{top:-19px;left:48%}.dimension.right{right:-18px;top:47%}.spacing-card>p{font-size:12px;color:#aaa0af;line-height:1.9;margin-top:28px}.name-rule{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:27px;margin:0;padding:28px 30px;border:1px solid var(--line);background:var(--panel)}.rule-symbol{font-family:Georgia,serif;font-size:76px;color:#c997b1;line-height:1}.name-rule h3{font-size:22px;letter-spacing:-.015em;line-height:1.6}.name-rule p{font-size:13px;color:var(--muted);margin-top:14px;line-height:1.9;max-width:34em}.misuse-heading{display:flex;justify-content:space-between;gap:28px;align-items:baseline;margin-top:43px;margin-bottom:18px}.misuse-heading h3{font-size:17px}.misuse-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.misuse-preview{height:152px;background:#232025;position:relative;display:flex;align-items:center;justify-content:center;padding:30px 26px;overflow:hidden}.misuse-preview img{width:100%}.cross{position:absolute;inset:10px;color:transparent;font-size:0;z-index:2;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - 4px),rgba(249,115,137,.48) calc(50% - 4px),rgba(249,115,137,.48) calc(50% + 4px),transparent calc(50% + 4px)),linear-gradient(to bottom right,transparent calc(50% - 4px),rgba(249,115,137,.48) calc(50% - 4px),rgba(249,115,137,.48) calc(50% + 4px),transparent calc(50% + 4px))}.misuse-item>p{font-size:12px;color:#b8aebf;margin-top:11px}.stretch img{transform:scaleY(1.65) scaleX(.9)}.recolor img{filter:hue-rotate(200deg)}.crop>div{width:100%;overflow:hidden;max-height:40px}.crop img{width:145%;max-width:none;transform:translateX(-17%)}.secondary-card{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:#1c1b1e}.lockup-preview{position:relative;min-height:350px;display:flex;align-items:center;justify-content:center;padding:58px 52px 35px;background:#201e22}.lockup-preview img{width:100%;max-width:380px}.secondary-copy{padding:45px 40px 34px;align-self:center}.secondary-copy h3{margin:0 0 17px;font-size:25px}.secondary-warning{font-size:14px;line-height:1.95;color:#aaa0b1;margin-bottom:27px}.secondary-warning strong{font-weight:500;color:#efb2cf}.download-section{background:var(--paper);color:var(--ink);margin-top:21px}.download-inner{padding-top:64px;padding-bottom:69px;display:grid;grid-template-columns:.9fr 1.2fr;gap:90px;align-items:center}.download-intro .eyebrow{color:#847780;font-size:10px}.download-intro h2{font-size:42px;line-height:1.25;letter-spacing:-.045em;margin-top:19px}.download-intro>p:last-child{color:#756c75;font-size:13px;margin-top:20px;max-width:330px;line-height:1.8}.bundle-link{display:flex;gap:20px;align-items:center;min-height:115px;border-top:1px solid #b8afb4;padding:25px 0;transition:color .2s}.bundle-link:last-of-type{border-bottom:1px solid #b8afb4}.bundle-link:hover{color:#b82967}.bundle-icon{font-size:31px;line-height:1;align-self:flex-start;margin-top:3px}.bundle-link h3{font-size:20px;letter-spacing:-.02em}.bundle-link p{font-size:12px;color:#85757f;margin-top:8px}.file-label{font-size:10px;border:1px solid #c5b9c0;padding:1px 7px;line-height:1.6;margin-left:auto;align-self:flex-start;margin-top:5px}.offline-note{font-size:12px;color:#72616d;line-height:1.8;margin-top:18px}.site-footer{display:flex;align-items:center;gap:24px;min-height:112px;font-size:11px;color:#948b99}.footer-brand{flex-shrink:0}.site-footer>span{margin-left:auto;font-size:10px;letter-spacing:.05em}.site-footer>a:last-child{font-size:11px;padding:12px 0}.site-footer>a:last-child:hover{color:var(--pink)}
@media(min-width:1600px){.hero{padding-top:60px;padding-bottom:62px}.logo-preview{height:276px}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header-inner{width:calc(100% - 48px);gap:20px}.main-nav{gap:20px}.hero{padding-top:61px;padding-bottom:62px}h1{font-size:58px}.desktop-break{display:none}.section-heading{grid-template-columns:32px minmax(0,1fr);gap:20px}.logo-preview{height:218px;padding-inline:22px}.asset-info{padding:20px}.asset-title{align-items:start}.asset-title h3{font-size:17px}.asset-info>p{min-height:65px}.asset-actions{gap:9px}.outline{min-width:84px;padding-inline:12px;gap:17px}.png-control select{min-width:92px;padding-left:10px}.png-control .button{min-width:80px;gap:12px}.spacing-card,.name-rule{padding:24px}.spacing-diagram{padding-inline:10px}.misuse-grid{gap:14px}.secondary-copy{padding:30px}.lockup-preview{padding:60px 35px 40px}.download-inner{gap:50px}.download-intro h2{font-size:37px}}
@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.header-inner{width:calc(100% - 32px);min-height:68px;gap:12px}.home-link img{width:113px}.main-nav{display:none}.language-switch{margin-left:0;gap:3px}.language-switch button{min-width:36px}.hero{padding-top:42px;padding-bottom:44px;display:block}.eyebrow{font-size:10px}h1{font-size:51px;line-height:1.12;margin-top:20px;margin-bottom:21px}html[data-language="zh"] h1{font-size:46px;line-height:1.28}.primary{min-height:48px}.section{padding-top:32px;padding-bottom:38px}.section-heading{grid-template-columns:24px minmax(0,1fr);gap:16px;align-items:start;margin-bottom:23px}.section-number{font-size:10px;padding-top:7px}.section-heading h2{font-size:26px}.section-heading p:not(.section-number){font-size:13px;margin-top:9px}.logo-grid{grid-template-columns:1fr;gap:20px}.logo-preview{height:204px;padding:54px 26px 38px}.logo-preview img{max-width:460px}.preview-caption{left:19px;top:18px;font-size:9px}.preview-spec{font-size:9px}.asset-info{padding:20px}.asset-title h3{font-size:18px}.asset-info>p{min-height:0;font-size:13px;margin-bottom:18px}.asset-actions{gap:12px}.outline{min-width:82px;gap:18px}.png-control select{min-width:94px}.png-control .button{min-width:82px;gap:14px}.section-footnote{font-size:11px;margin-top:16px}.guidance-grid{grid-template-columns:1fr;gap:20px}.spacing-card,.name-rule{padding:22px}.spacing-diagram{min-height:180px;width:100%;max-width:510px;margin-inline:auto}.spacing-card>p{font-size:12px}.name-rule{padding:25px 22px;gap:22px;margin-top:0}.rule-symbol{font-size:60px}.name-rule h3{font-size:20px}.name-rule p{font-size:12px}.misuse-heading{display:block;margin-top:28px}.misuse-grid{grid-template-columns:1fr;gap:22px}.misuse-preview{height:150px;padding-inline:32px}.misuse-item>p{font-size:11px;line-height:1.55}.secondary-card{grid-template-columns:1fr}.lockup-preview{min-height:280px;padding:59px 38px 35px}.lockup-preview img{max-width:340px}.secondary-copy{padding:26px 22px}.secondary-copy h3{font-size:23px;margin:0 0 15px}.secondary-warning{font-size:13px;margin-bottom:22px}.download-section{margin-top:8px}.download-inner{display:block;padding-top:39px;padding-bottom:37px}.download-intro h2{font-size:36px;margin-top:17px}.download-intro>p:last-child{margin-top:17px;max-width:100%}.bundle-list{margin-top:31px}.bundle-link{gap:15px;min-height:110px;padding:22px 0}.bundle-icon{font-size:27px}.bundle-link h3{font-size:18px}.bundle-link p{font-size:11px;max-width:285px}.file-label{font-size:9px;padding-inline:5px}.site-footer{min-height:130px;flex-wrap:wrap;gap:5px 20px;padding-block:26px}.site-footer>p{font-size:10px;margin-left:auto}.site-footer>span{margin-left:0;margin-right:auto;font-size:9px}.footer-brand img{width:96px}.site-footer>a:last-child{font-size:10px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}h1{font-size:46px}html[data-language="zh"] h1{font-size:40px}.asset-info{padding:17px}.asset-actions{gap:8px}.outline{min-width:77px;padding-inline:11px;gap:14px}.png-control select{min-width:90px}.png-control .button{min-width:76px;gap:12px}.asset-title h3{font-size:16px}.secondary-copy{padding:22px 18px}.site-footer>p{max-width:145px;text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.site-header,.asset-actions,.download-section,.site-footer,.skip-link,.hero .button{display:none}.wrap{width:100%}.hero{padding-top:0}.section{break-inside:avoid}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Allowed treatments are examples; downloadable white artwork remains pure white. */
.allowed-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:36px 0 18px}
.allowed-heading h3{font-size:17px}
.allowed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.allowed-preview{height:152px;background:#222127;position:relative;display:flex;align-items:center;justify-content:center;padding:30px 26px;overflow:hidden;border:1px solid #8fb3a130}
.allowed-preview img{width:100%;max-width:410px}
.check-mark{position:absolute;top:12px;right:14px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #96c4aa70;background:#96c4aa18;color:#b1d8bf;font-size:20px;line-height:1}
.background-color{background:#9c346b}
.effect-glow img{filter:drop-shadow(0 0 5px #fa96be) drop-shadow(0 0 8px #f05a99)}
.effect-shadow{background:#46404c}.effect-shadow img{filter:drop-shadow(6px 8px 2px #100e16b3)}
.allowed-item>p{font-size:12px;color:#b8c4bd;margin-top:11px}
.secondary-disclosure>summary{list-style:none;cursor:pointer;grid-template-columns:32px minmax(0,1fr) 30px;align-items:center;margin:0;gap:24px}
.secondary-disclosure>summary::-webkit-details-marker{display:none}
.secondary-disclosure>summary h2{font-size:25px;line-height:1.45}
.secondary-disclosure>summary .section-number{padding-top:0;margin:0}
.disclosure-icon{position:relative;width:26px;height:26px;color:var(--pink);justify-self:end}
.disclosure-icon:before,.disclosure-icon:after{content:"";position:absolute;top:12px;left:4px;width:18px;height:2px;background:currentColor}
.disclosure-icon:after{transform:rotate(90deg)}
.secondary-disclosure[open] .disclosure-icon:after{transform:rotate(0)}
.secondary-disclosure[open]>summary{margin-bottom:30px}
@media(max-width:1100px){.allowed-grid{gap:14px}.secondary-disclosure>summary{grid-template-columns:32px minmax(0,1fr) 26px;gap:20px}.secondary-disclosure>summary h2{font-size:23px}}
@media(max-width:760px){.allowed-heading{display:block;margin-top:30px}.allowed-grid{grid-template-columns:1fr;gap:22px}.allowed-preview{height:150px;padding:30px 32px}.secondary-disclosure>summary{grid-template-columns:24px minmax(0,1fr) 26px;gap:16px;align-items:start}.secondary-disclosure>summary .section-number{padding-top:7px}.secondary-disclosure>summary .disclosure-icon{margin-top:3px}.secondary-disclosure>summary h2{font-size:22px}.secondary-disclosure[open]>summary{margin-bottom:23px}}