:root{font-family:"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;color:#13213a;background:#faf8f2;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}
body{margin:0;background:#faf8f2}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button{cursor:pointer}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #1658df;outline-offset:3px}
.shell{width:min(1400px,calc(100% - 64px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{background:#fffdf8;border-bottom:1px solid #e7e5dd}
.header-inner{min-height:82px;display:flex;align-items:center;gap:64px}
.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;flex:none}
.brand img{width:46px;height:46px;object-fit:contain}
.brand span{display:flex;align-items:baseline;gap:10px}
.brand b{font-size:28px;font-weight:900;letter-spacing:-.08em}
.brand small{font-size:12px;font-weight:800;letter-spacing:.11em}
nav{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:700;white-space:nowrap}
nav a{padding:29px 0;position:relative}
nav a:hover{color:#1257d9}
.site-header nav .current{color:#0a52d3}
.site-header nav .current:after{content:"";height:3px;background:#1a5ee8;position:absolute;bottom:21px;left:0;right:0}
.menu-toggle{display:none}
.searchbar{display:flex;margin:18px 0 18px;border:1.5px solid #8ba9de;border-radius:100px;background:#fff;overflow:hidden;height:56px;box-shadow:0 2px 8px #283d6411}
.searchbar:before{content:"⌕";align-self:center;font-size:35px;line-height:1;margin-left:23px;color:#102348;transform:rotate(-20deg)}
.searchbar input{flex:1;min-width:0;padding:0 18px;border:0;outline:none;background:transparent;font-size:15px;color:#172a48}
.searchbar input::placeholder{color:#7182a0}
.searchbar button{width:128px;border:0;color:#fff;background:#1058dc;font-size:16px;font-weight:800}
.searchbar button:hover,.hero-cta:hover{background:#0844b8}
.hero-layout{display:grid;grid-template-columns:1.64fr 1fr;gap:16px;min-height:408px}
.hero-poster{position:relative;isolation:isolate;overflow:hidden;border-radius:6px;background:#fffaf0 url('assets/hero-categories.png') 50% 50%/cover no-repeat;padding:34px 48px}
.hero-poster:before{content:"";position:absolute;inset:0 54% 0 0;background:#fffaf0b8;z-index:-1}
.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:900;color:#1456c7;margin:0 0 15px}
.hero-poster h1{font-size:clamp(44px,4vw,64px);letter-spacing:-.065em;line-height:1.14;margin:0;color:#0e1e3c;font-weight:950;max-width:490px}
.hero-description{font-size:15px;line-height:1.75;font-weight:650;color:#28364d;margin:18px 0 20px;max-width:330px}
.hero-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:182px;background:#145de5;color:white;border-radius:100px;padding:13px 22px;font-size:16px;font-weight:800}
.hero-cta span{font-size:25px;line-height:1}
.service-stack{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.service-card{position:relative;overflow:hidden;border:1px solid #f1c7b4;border-radius:6px;padding:26px 30px;background:#fff7f0 url('assets/tutorial.png') center/cover no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;transition:transform .18s ease,box-shadow .18s ease}
.service-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px #1a355817}
.service-card.twofa{border-color:#bbd4f9;background:#f3f8ff url('assets/twofa.png') center/cover no-repeat}
.service-kicker{font-size:11px;letter-spacing:.18em;font-weight:900;color:#ea6536;margin-bottom:6px}
.twofa .service-kicker{color:#1159d8}
.service-card strong{font-size:30px;letter-spacing:-.05em;line-height:1.3}
.service-card>span:not(.service-kicker){font-size:14px;color:#3b4a65;margin-top:8px;max-width:54%}
.service-card i{position:absolute;bottom:20px;right:22px;font-size:28px;font-style:normal;color:#fff;background:#ef6b39;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}
.service-card.twofa i{background:#1159de}
.category-section{padding:27px 0 14px}
.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:15px}
.section-top .eyebrow{margin:0 0 5px;font-size:10px}
h2{font-size:24px;letter-spacing:-.04em;margin:0}
.section-top>a{font-size:14px;font-weight:800;color:#0a58d4}
.section-top>a span{font-size:21px;margin-left:4px}
.filters{display:flex;gap:0;overflow-x:auto;scrollbar-width:thin;border-top:1px solid #d5d9df;border-bottom:1px solid #d5d9df;background:#fffdf9}
.filters button{flex:0 0 auto;min-width:165px;max-width:220px;border:0;border-right:1px solid #d5d9df;background:transparent;border-radius:0;padding:17px 20px;font-size:14px;font-weight:750;color:#172747;text-align:left;min-height:59px}
.filters button:hover{background:#edf3ff}
.filters button[aria-pressed=true]{background:#165bdc;color:#fff}
.catalog-section{padding:18px 0 24px}
.catalog-section .section-top{margin-bottom:13px}
.result-count{margin:0;color:#6d7890;font-size:12px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.card{background:#fff;border:1px solid #dfe4e9;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;min-width:0;transition:transform .18s ease,box-shadow .18s ease}
.card:hover{transform:translateY(-3px);box-shadow:0 15px 30px #22395d18}
.card-media{height:150px;display:grid;place-items:center;overflow:hidden;background:#eaf1ff}
.card:nth-child(4n+2) .card-media{background:#fff0e7}
.card:nth-child(4n+3) .card-media{background:#e9ecf1}
.card:nth-child(4n+4) .card-media{background:#f4eee6}
.card-media img{width:100%;height:100%;object-fit:cover}
.card-body{padding:16px 17px 13px;display:flex;flex-direction:column;flex:1}
.card .label{font-size:11px;color:#1960d0;font-weight:800}
.card h3{font-size:16px;line-height:1.4;margin:7px 0 0;min-height:44px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.card p{font-size:12px;line-height:1.6;color:#66748a;margin:6px 0 12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:38px}
.card-bottom{margin-top:auto;padding-top:11px;border-top:1px solid #e4e8ef;display:flex;justify-content:space-between;align-items:center;gap:6px}
.price{font-size:18px;font-weight:900;color:#152441;white-space:nowrap}
.price small{font-size:11px;margin-right:2px}
.card button{font-size:12px;font-weight:800;color:#0f57d6;background:none;border:0;padding:7px 0;white-space:nowrap}
.card button:hover{text-decoration:underline}
.support-bar{display:grid;grid-template-columns:repeat(4,1fr);background:#112747;color:#fff;margin:10px 0 26px}
.support-bar a{padding:20px 24px;display:flex;flex-direction:column;gap:5px;border-right:1px solid #ffffff4a}
.support-bar a:last-child{border-right:0}
.support-bar a:hover{background:#19407b}
.support-bar strong{font-size:16px}
.support-bar span{display:flex;justify-content:space-between;gap:8px;color:#d4ddec;font-size:12px}
.support-bar b{font-size:17px;color:#fff}
footer{border-top:1px solid #d8d9da;padding:18px 0 28px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#697488}
.empty{text-align:center;padding:48px;background:#fff;border:1px solid #e0e4ea;border-radius:8px}
.empty[hidden]{display:none}
.empty button{border:0;background:#155adb;color:#fff;border-radius:5px;padding:12px 20px}
dialog{width:500px;max-width:calc(100vw - 28px);max-height:90dvh;overflow:auto;border:1px solid #dfe6ef;border-radius:14px;padding:30px;color:#243651;background:#fff}
dialog::backdrop{background:#16233d88}
dialog button{min-height:44px;cursor:pointer}
.close{float:right;font-size:24px;padding:0;width:44px;border:0;background:#f2f5f9;border-radius:6px;margin:-14px -14px 0 0}
dialog .label{font-size:11px;color:#677c97}
dialog h2{margin:20px 0 0;line-height:1.4}
dialog p{font-size:14px;color:#66758b;line-height:1.7}
.detail-price{background:#f1f6ff;padding:18px;border-radius:8px;margin:20px 0}
.detail-price span{font-size:30px;font-weight:700;color:#285ba8}
.detail-price small{display:block;color:#6c7f9b;margin-top:5px}
.option-label{font-size:14px;display:grid;gap:10px}
select{width:100%;padding:12px;border:1px solid #d9e2ed;border-radius:6px;background:white}
dl{font-size:13px;line-height:1.7}
dl div{display:flex;gap:20px;margin:12px 0}
dt{color:#7e8a9e;white-space:nowrap}
dd{margin:0}
.buy-note{font-size:12px;color:#728199;margin:20px 0 10px}
.primary{background:#145adc;color:#fff;border:0;width:100%;border-radius:6px}
#checkout-form{display:grid;gap:14px;margin-top:18px;border-top:1px solid #e1e7ef;padding-top:18px}
#checkout-form[hidden]{display:none}
#checkout-form label{display:grid;gap:7px;color:#35465f;font-size:13px}
#checkout-form input,#checkout-form select{width:100%;min-height:42px;border:1px solid #d9e2ed;border-radius:6px;padding:9px 12px;background:#fff;color:#243651}
#checkout-form button{width:100%;border:1px solid #cfd9e8;background:#f5f8ff;color:#204e9f;border-radius:6px;padding:10px}
#checkout-form #submit-order:disabled{cursor:not-allowed;background:#edf1f7;color:#8794a6}
#order-amount{margin:0;font-weight:700;color:#285ba8}
#detail-terms{border-top:1px solid #e1e7ef;padding-top:12px;font-size:13px;color:#35465f}
#detail-terms summary{cursor:pointer;color:#285ba8;font-weight:700}
#detail-terms p{white-space:pre-line;max-height:260px;overflow:auto;margin-bottom:0}
#checkout-form .agree{display:flex;align-items:center;gap:8px}
#checkout-form .agree input{width:auto;min-height:auto}
@media(max-width:1100px){.shell{width:min(100% - 40px,1000px)}.header-inner{gap:25px}nav{gap:18px;font-size:13px}.brand small{display:none}.hero-layout{grid-template-columns:1.4fr 1fr}.hero-poster{padding:30px}.hero-poster h1{font-size:46px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.shell{width:calc(100% - 28px)}.header-inner{min-height:65px;justify-content:space-between}.brand img{width:37px;height:37px}.brand b{font-size:24px}.brand small{display:block;font-size:9px}.menu-toggle{display:flex;width:44px;height:44px;flex-direction:column;justify-content:center;gap:5px;align-items:center;border:0;background:transparent}.menu-toggle span{width:23px;height:2px;background:#152b4f}.site-header nav{display:none;position:absolute;z-index:20;top:65px;left:0;right:0;background:#fffdf8;padding:12px 20px 18px;box-shadow:0 12px 18px #16355a22;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:12px 5px}.site-header nav .current:after{bottom:7px;right:auto;width:56px}.searchbar{height:50px;margin:14px 0}.searchbar:before{font-size:28px;margin-left:14px}.searchbar input{font-size:13px;padding:0 10px}.searchbar button{width:77px;font-size:14px}.hero-layout{grid-template-columns:1fr;gap:10px}.hero-poster{min-height:310px;padding:25px;background-position:57% center}.hero-poster:before{inset:0 30% 0 0;background:#fffaf0c8}.hero-poster h1{font-size:42px}.hero-description{max-width:230px;font-size:12px}.hero-cta{font-size:14px;padding:11px 18px;min-width:145px}.service-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px}.service-card{height:130px;padding:16px;background-position:56% center}.service-card strong{font-size:20px}.service-kicker{font-size:9px}.service-card>span:not(.service-kicker){font-size:11px;max-width:80%;line-height:1.5}.service-card i{right:10px;bottom:9px;width:28px;height:28px;font-size:18px}.category-section{padding-top:25px}.section-top h2{font-size:22px}.section-top .eyebrow{font-size:9px}.section-top>a{font-size:12px}.filters button{min-width:124px;padding:14px 12px;min-height:52px;font-size:12px}.catalog-section{padding-top:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.card-media{height:125px}.card-body{padding:11px}.card h3{font-size:13px;min-height:36px}.card p{font-size:11px;min-height:35px}.price{font-size:14px}.card button{font-size:11px}.support-bar{grid-template-columns:repeat(2,1fr)}.support-bar a{padding:16px}.support-bar a:nth-child(2){border-right:0}.support-bar a:nth-child(-n+2){border-bottom:1px solid #ffffff4a}footer{flex-wrap:wrap}}
@media(max-width:420px){.brand small{display:none}.hero-poster{min-height:305px;background-position:60% center}.hero-poster h1{font-size:37px}.hero-description{max-width:180px}.service-card{height:119px;padding:12px}.service-card strong{font-size:17px}.service-card>span:not(.service-kicker){font-size:10px}.card-media{height:105px}.card-bottom{display:block}.card button{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.filters a{flex:0 0 auto;min-width:165px;max-width:220px;border-right:1px solid #d5d9df;padding:18px 20px;font-size:14px;font-weight:750;color:#172747;min-height:59px}
.filters a:hover{background:#edf3ff}
.filters a[aria-current=true]{background:#165bdc;color:#fff}
.card-category-art{font-size:27px;font-weight:900;letter-spacing:-.04em;color:#1455ca}
.card-action{font-size:12px;font-weight:800;color:#0f57d6;white-space:nowrap}
.card-action:hover{text-decoration:underline}
.tutorial-preview{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #d6dce5;margin:10px 0 28px;padding:27px 6px}
.tutorial-preview p:not(.eyebrow){font-size:14px;color:#617087}
.tutorial-preview-list{display:grid;min-width:46%;gap:8px}
.tutorial-preview-list a{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #d6dce5;font-weight:700}
.text-link{color:#155add;font-weight:800}
.inner-page{min-height:calc(100vh - 160px)}
.page-title{padding:58px 0 35px;border-bottom:1px solid #dce1e8;margin-bottom:28px}
.page-title h1{font-size:clamp(38px,5vw,66px);letter-spacing:-.065em;line-height:1.15;margin:0 0 14px}
.page-title>p:not(.eyebrow){font-size:16px;color:#596a83;line-height:1.8;max-width:640px;margin:0}
.inner-page .searchbar{margin-bottom:20px}
.inner-page .catalog-section{padding:24px 0 50px}
.breadcrumbs{font-size:13px;color:#6d7a90;padding:30px 0}
.breadcrumbs a{color:#125cdb}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:5px 0 55px}
.product-visual{min-height:420px;display:grid;place-items:center;background:#ecf1f8;border:1px solid #dce4ee;border-radius:7px;overflow:hidden}
.product-visual img{width:100%;height:100%;object-fit:contain}
.product-visual>span{font-size:32px;font-weight:900;color:#1257cc}
.product-info{padding:18px 0}
.product-info h1{font-size:clamp(30px,3.5vw,48px);line-height:1.27;letter-spacing:-.05em;margin:0 0 16px}
.product-summary{font-size:16px;line-height:1.85;color:#5d6c82}
.product-price{font-size:36px;font-weight:900;margin:22px 0;color:#12325f}
.product-info dl{border-top:1px solid #d6dce6;border-bottom:1px solid #d6dce6;padding:9px 0;margin:20px 0 24px}
.product-info dl div{display:grid;grid-template-columns:100px 1fr;font-size:14px;margin:13px 0}
.checkout-disabled{border:0;opacity:.56;cursor:not-allowed}
.small-note{font-size:12px;line-height:1.7;color:#718095;max-width:420px}
.detail-copy{border-top:1px solid #dce1e8;padding:36px 0 50px;max-width:850px}
.detail-copy h2{font-size:30px;margin-bottom:18px}
.detail-copy p:not(.eyebrow){font-size:15px;line-height:1.95;color:#4b5d75}
.tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:50px}
.tutorial-entry{background:#fff;border:1px solid #dce4ed;padding:25px;min-height:235px;display:flex;flex-direction:column;border-radius:5px}
.tutorial-entry:hover{border-color:#195bce;box-shadow:0 12px 24px #1a315419}
.tutorial-entry span{font-size:12px;color:#e25d32;font-weight:800}
.tutorial-entry h2{font-size:22px;margin:15px 0 8px}
.tutorial-entry p{font-size:14px;line-height:1.65;color:#5c6a80}
.tutorial-entry b{margin-top:auto;color:#125bd7;font-size:14px}
.article-page{max-width:830px;margin:10px auto 65px;background:#fff;padding:50px 62px;border:1px solid #e0e5ea}
.article-page h1{font-size:44px;line-height:1.25;letter-spacing:-.04em}
.article-summary{font-size:17px;color:#637189;line-height:1.8;border-bottom:1px solid #dce2e8;padding-bottom:25px}
.article-body{font-size:16px;line-height:2;color:#283e5d;margin:30px 0}
.article-body p{margin:0 0 22px}
.tool-layout,.order-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start;margin:0 0 60px}
.tool-panel,.form-panel,.tool-guide{background:#fff;border:1px solid #dce4ed;border-radius:6px;padding:30px}
.tool-panel>label,.form-panel>label,.form-panel .form-two label{display:grid;gap:8px;font-size:14px;font-weight:750;color:#253956;margin-bottom:18px}
.tool-panel>input,.form-panel input:not([type=checkbox]),.form-panel textarea,.form-panel select,.tool-row select{width:100%;border:1px solid #ccd7e5;border-radius:5px;background:#fff;padding:12px 14px;font-size:15px;color:#14243e}
.tool-panel>input{font-family:ui-monospace,monospace;letter-spacing:.08em}
.tool-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.tool-row label{display:grid;gap:7px;font-size:13px;font-weight:700}
.totp-output{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:30px 0 15px;padding:25px;background:#eaf2ff;color:#0e4fc5}
.totp-output strong{font-size:clamp(28px,3vw,42px);letter-spacing:.16em;font-family:ui-monospace,monospace;white-space:nowrap}
.totp-output span{font-size:13px}
.tool-error{color:#b22b27;min-height:20px;font-size:13px}
.secondary-button{border:1px solid #b8c8dc;background:#fff;color:#2358a5;padding:10px 16px;border-radius:5px;font-weight:750;min-height:44px}
.tool-guide{min-height:260px;background:#eef5ff url('/assets/twofa.png') right bottom/75% auto no-repeat}
.tool-guide h2{font-size:26px;margin-bottom:16px}
.tool-guide p:not(.eyebrow){max-width:330px;font-size:14px;line-height:1.8;color:#405570}
.tool-guide a{font-size:14px;color:#145bd8;font-weight:800}
.form-panel label{display:grid;gap:8px}
.form-panel .hero-cta{border:0;min-height:48px}
.form-panel.narrow{max-width:500px;margin-bottom:65px}
.order-layout .tool-guide{background:#fff8f1 url('/assets/tutorial.png') right bottom/75% auto no-repeat}
#order-result,#admin-result,#product-result,#tutorial-result{font-size:14px;color:#2852a0;min-height:20px;line-height:1.6}
.support-feature{display:grid;grid-template-columns:1fr 1fr;border:1px solid #dce4ed;background:#fff;margin-bottom:60px}
.support-feature>div:first-child{padding:52px;background:#f5f8ff url('/assets/hero-tickets.png') right center/auto 100% no-repeat}
.support-feature h2{font-size:48px;line-height:1.18;letter-spacing:-.05em;margin:0 0 20px}
.support-feature p:not(.eyebrow){font-size:15px;max-width:440px;color:#40536f;line-height:1.8}
#copy-wechat{border:0;margin-top:14px}
#copy-result{display:block;font-size:13px;color:#165bdc;margin-top:12px}
.support-links{display:grid;align-content:center;padding:40px}
.support-links a{border-bottom:1px solid #d6dce5;padding:21px 10px;display:flex;justify-content:space-between;gap:10px}
.support-links strong{font-size:18px}
.support-links span{font-size:13px;color:#1357c9}
.admin-page .page-title{position:relative}
#admin-logout{position:absolute;right:0;bottom:35px}
.admin-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.admin-columns h2{margin-bottom:15px}
.admin-page .form-panel{padding:25px}
.form-two{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.form-panel .check-row{display:flex;align-items:center;gap:8px}
.admin-list{display:grid;margin:18px 0 40px;border-top:1px solid #d7dfe9}
.admin-list button,.admin-list>div{border:0;border-bottom:1px solid #d7dfe9;background:#fff;text-align:left;padding:14px 18px;font-size:14px;color:#213655;display:flex;justify-content:space-between;gap:12px}
.admin-list button:hover{background:#eaf2ff}
.admin-list small{color:#65738c}
.admin-orders{margin-bottom:55px}
@media(max-width:760px){.filters a{min-width:124px;padding:15px 13px;min-height:52px;font-size:12px}.tutorial-preview{display:block}.tutorial-preview-list{margin-top:20px}.page-title{padding:36px 0 25px}.page-title h1{font-size:36px}.product-detail,.tool-layout,.order-layout,.support-feature,.admin-columns{grid-template-columns:1fr;gap:15px}.product-visual{min-height:280px}.product-info{padding:10px 0}.product-info h1{font-size:30px}.tutorial-grid{grid-template-columns:1fr}.article-page{padding:25px;margin-bottom:40px}.article-page h1{font-size:29px}.tool-panel,.form-panel,.tool-guide{padding:20px}.totp-output{display:block}.totp-output span{display:block;margin-top:8px}.support-feature>div:first-child{padding:30px}.support-feature h2{font-size:37px}.support-links{padding:18px}.support-links a{display:block}.support-links span{display:block;margin-top:8px}.admin-page #admin-logout{position:static;margin-top:15px}.form-two{grid-template-columns:1fr}}

/* Reference layout: compact editorial storefront with a paper-white canvas. */
body{background:#fffdfa}
.shell{width:min(1415px,calc(100% - 86px))}
.site-header{border-bottom:0;background:#fffdfa}
.header-inner{min-height:88px;gap:0}
.brand{gap:10px;margin-right:116px}
.brand img{width:66px;height:66px}
.brand span{align-items:flex-start;flex-direction:column;gap:0}
.brand b{font-size:35px;line-height:1.03;letter-spacing:-.09em}
.brand small{display:flex;flex-direction:column;gap:2px;font-size:12px;line-height:1.1;letter-spacing:.1em}
.brand small strong{font-size:13px;letter-spacing:.17em}
.brand small em{font-style:normal;font-size:10px;letter-spacing:.2em}
.site-header nav{gap:38px;font-size:16px}
.site-header nav a{padding:32px 0}
.site-header nav .current:after{height:5px;bottom:20px;border-radius:8px}
.header-slogan{display:flex;align-items:center;gap:42px;margin-left:auto;color:#102445;white-space:nowrap}
.header-slogan span{font-family:"STKaiti","KaiTi",serif;font-size:20px;line-height:1.15;font-weight:700;letter-spacing:.13em;transform:rotate(-8deg);position:relative}
.header-slogan span:after{content:"";position:absolute;right:-16px;bottom:-6px;width:75px;height:3px;background:#ff6536;transform:rotate(-11deg)}
.header-slogan small{font-size:9px;font-weight:800;letter-spacing:.24em;line-height:1.2;border-bottom:1px solid #123359;padding-bottom:3px}
.searchbar{margin:2px 15px 16px;height:54px;border:1.5px solid #92ace2;box-shadow:none}
.searchbar:before{content:"";width:16px;height:16px;border:2px solid #152a4c;border-radius:50%;margin-left:26px;position:relative;transform:none}
.searchbar:after{content:"";width:9px;height:2px;background:#152a4c;position:absolute;transform:translate(41px,32px) rotate(47deg)}
.searchbar button{width:128px;background:#0757d9}
.hero-layout{grid-template-columns:1.65fr 1fr;gap:17px;min-height:408px}
.hero-poster{padding:26px 58px;background-position:center center}
.hero-poster:before{display:none}
.hero-poster .eyebrow{font-size:12px;letter-spacing:.35em;color:#172c4c;margin-bottom:14px}
.hero-poster h1{font-size:clamp(58px,5.2vw,79px);line-height:1.04;letter-spacing:-.095em;max-width:420px;text-shadow:1px 1px 0 #fff}
.hero-stroke{display:block;width:307px;height:10px;background:#f45c2d;clip-path:polygon(0 48%,100% 0,100% 100%,0 100%);margin:8px 0 23px 6px;transform:rotate(-4deg)}
.hero-poster h2{font-size:21px;letter-spacing:-.025em;margin:0 0 1px}
.hero-description{font-size:14px;margin:0 0 15px;max-width:400px}
.hero-poster .hero-cta{min-width:200px;padding:11px 34px;margin:0}
.hero-poster>small{display:block;margin-top:12px;font-size:10px;letter-spacing:.25em;font-weight:850;color:#2a4164}
.service-stack{gap:13px}
.service-card{padding:28px 20px 25px 116px;background-position:center center}
.service-card strong{font-size:37px;line-height:1.15}
.service-card>span:not(.service-kicker){max-width:310px;font-size:14px;margin-top:8px}
.service-kicker{display:none}
.service-card:before{content:"▤";position:absolute;left:22px;top:45px;width:76px;height:76px;display:grid;place-items:center;border-radius:13px;color:white;background:#f35d2a;font-size:48px;font-weight:300}
.service-card.twofa:before{content:"♢";background:#075dde;font-size:56px}
.service-card i{bottom:17px;right:15px;border:2px solid white;width:52px;height:52px;font-size:34px}
.category-showcase{display:grid;grid-template-columns:repeat(4,1fr);height:105px;margin:10px 0 0;border-bottom:0}
.category-showcase>a{display:flex;align-items:center;min-width:0;padding:5px 22px 5px 26px;gap:18px;position:relative}
.category-showcase>a:not(:last-child):after{content:"";width:1px;height:76px;background:#c5ceda;position:absolute;right:0;top:14px}
.category-icon{width:67px;height:67px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:43px;font-weight:700;color:#075cde;background:#d8eaff}
.category-icon.entertainment{color:#9b3a12;background:#ffddc7}
.category-icon.office{background:#d5e9ff}
.category-icon.gaming{color:#188557;background:#d5f3ed}
.category-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.category-copy strong{font-size:20px;white-space:nowrap}
.category-copy small{font-size:13px;color:#536985;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.category-arrow{border-radius:50%;width:35px;height:35px;background:#e6f0ff;color:#0961e4;display:grid;place-items:center;font-size:24px;margin-left:auto;flex:none}
.category-showcase>a:hover .category-arrow{background:#0b5ce2;color:white}
.home-catalog{padding:10px 5px 21px}
.home-catalog .section-top{align-items:center;margin-bottom:9px}
.home-catalog .section-top>div{display:flex;align-items:baseline;gap:23px}
.home-catalog h2{font-size:25px}
.home-catalog .section-top p{font-size:13px;color:#536984;margin:0}
.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.featured-card{border:1px solid #d5dce6;border-radius:7px;overflow:hidden;background:white;min-width:0;box-shadow:0 2px 6px #213f6610}
.featured-art{height:163px;position:relative;display:block;overflow:hidden;background:#112d54}
.featured-art img{width:100%;height:100%;object-fit:cover;display:block}
.featured-description{position:absolute;left:23px;bottom:17px;color:#fff;font-size:12px;font-weight:700;line-height:1.45;max-width:65%;text-shadow:0 1px 7px #0009}
.featured-card:nth-child(3) .featured-description{color:#162948;text-shadow:0 1px 2px #fff}
.featured-art.light-art .featured-description{color:#162948;text-shadow:0 1px 2px #fff}
.featured-bottom{height:51px;display:flex;align-items:center;justify-content:space-between;padding:0 27px;gap:10px;color:#7386a2;font-size:14px;font-weight:700}
.featured-bottom>span{display:flex;align-items:center;gap:15px;white-space:nowrap}
.featured-bottom i{width:65px;height:1px;background:#c4d0df}
.featured-bottom a{color:#0759dc;font-size:16px;font-weight:850;white-space:nowrap}
.featured-bottom b{font-size:22px;margin-left:7px}
.site-footer{height:92px;align-items:center;padding:0;gap:0;font-size:13px;color:#1d3150}
.site-footer>*{flex:none}
.footer-brand{display:flex;align-items:center;gap:7px;margin-right:27px;white-space:nowrap}
.footer-brand img{height:42px;width:42px}
.footer-brand b{font-size:25px;letter-spacing:-.08em;color:#142440}
.footer-brand span{font-size:10px;letter-spacing:.2em;font-weight:850;color:#132644}
.footer-brand small{font-size:11px;margin-left:11px;color:#5b6b84}
.footer-promise{border-left:1px solid #bcc9d9;padding:3px 21px;white-space:nowrap;font-weight:700;color:#465b7b}
.footer-contact,.footer-order{border-left:1px solid #bcc9d9;padding-left:25px;display:flex;align-items:center;gap:12px;white-space:nowrap}
.footer-contact b,.footer-order b{display:block;font-size:13px;color:#122342}
.footer-contact small,.footer-order small{display:block;color:#71839e;font-size:11px;margin-top:2px}
.wechat-mark{display:grid;place-items:center;background:#19ae4b;color:#fff;width:35px;height:35px;border-radius:7px;font-size:10px;letter-spacing:-2px}
.footer-order{margin-left:22px}
.footer-note{margin-left:auto;font-family:"STKaiti","KaiTi",serif;font-size:16px;font-weight:700;transform:rotate(-6deg);white-space:nowrap}
@media(max-width:1300px){.brand{margin-right:55px}.site-header nav{gap:25px;font-size:14px}.header-slogan{gap:17px}.header-slogan span{font-size:16px}.footer-brand{margin-right:10px}.footer-brand small{display:none}.footer-promise{padding:3px 12px}.footer-contact,.footer-order{padding-left:12px}.footer-order{margin-left:10px}.footer-note{display:none}.category-showcase>a{padding-inline:12px;gap:10px}.category-copy strong{font-size:16px}.category-copy small{font-size:11px}.category-icon{width:55px;height:55px;font-size:34px}}
@media(max-width:900px){.shell{width:min(100% - 36px,1415px)}.header-inner{min-height:75px}.brand{margin-right:auto}.brand img{width:51px;height:51px}.brand b{font-size:27px}.brand small strong{font-size:10px}.brand small em{font-size:8px}.header-slogan{display:none}.site-header nav{gap:15px}.hero-layout{grid-template-columns:1.5fr 1fr}.hero-poster{padding:25px 30px}.hero-poster h1{font-size:51px}.hero-stroke{width:220px}.service-card{padding:19px 18px 19px 80px}.service-card:before{left:15px;top:46px;width:50px;height:50px;font-size:33px}.service-card.twofa:before{font-size:38px}.service-card strong{font-size:26px}.service-card>span:not(.service-kicker){font-size:12px}.category-arrow{display:none}.category-copy small{display:none}.featured-bottom{padding-inline:12px}.featured-bottom i{display:none}.featured-bottom a{font-size:13px}.footer-promise{display:none}.footer-brand{margin-right:auto}}
@media(max-width:760px){.site-header nav{position:absolute;top:74px;left:0;right:0;background:#fffdfa;z-index:10;box-shadow:0 12px 20px #14294b19}.site-header nav a{padding:12px 18px}.site-header nav .current:after{display:none}.searchbar{margin:8px 0 12px}.hero-layout{grid-template-columns:1fr;min-height:0}.hero-poster{min-height:360px;padding:25px 28px;background-position:58% center}.hero-poster h1{font-size:clamp(44px,11vw,60px)}.hero-poster h2{font-size:17px}.hero-description{font-size:12px;max-width:300px}.hero-poster>small{font-size:8px}.service-stack{grid-template-columns:1fr 1fr;grid-template-rows:135px;gap:9px}.service-card{padding:46px 12px 9px 12px}.service-card:before{top:10px;left:10px;width:34px;height:34px;font-size:23px;border-radius:7px}.service-card.twofa:before{font-size:26px}.service-card strong{font-size:19px}.service-card>span:not(.service-kicker){font-size:10px;margin-top:2px;max-width:80%}.service-card i{width:29px;height:29px;font-size:18px;right:9px;bottom:9px}.category-showcase{grid-template-columns:repeat(2,1fr);height:auto;margin-top:11px}.category-showcase>a{height:72px}.category-showcase>a:not(:last-child):after{display:none}.category-showcase>a:nth-child(odd){border-right:1px solid #d2dce8}.category-showcase>a:nth-child(-n+2){border-bottom:1px solid #d2dce8}.category-copy strong{font-size:14px}.category-icon{width:43px;height:43px;font-size:28px}.home-catalog .section-top>div{display:block}.home-catalog h2{font-size:22px}.home-catalog .section-top p{font-size:10px}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.featured-art{height:125px}.featured-description{font-size:9px;left:11px;bottom:8px}.featured-bottom{height:42px;padding-inline:10px;font-size:11px}.featured-bottom a{font-size:11px}.featured-bottom b{font-size:14px;margin-left:2px}.site-footer{height:auto;min-height:105px;flex-wrap:wrap;gap:10px;padding:15px 0}.footer-brand{width:100%}.footer-contact,.footer-order{border:0;padding:0}.footer-order{margin-left:auto}}
.searchbar{position:relative}
.searchbar:after{left:0;top:0}
.catalog-art-intro{background:#edf4ff;border:1px solid #c8d9f5;border-radius:6px;padding:18px 22px;margin-bottom:16px;display:flex;gap:20px;align-items:baseline;color:#1c3e75;font-size:13px}
.catalog-art-intro strong{font-size:16px;white-space:nowrap}
.art-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.art-gallery-card{background:white;border:1px solid #dce5ef;border-radius:7px;overflow:hidden;min-width:0}
.art-gallery-card img{display:block;width:100%;aspect-ratio:1200/640;object-fit:cover}
.art-gallery-card>div{padding:15px 16px 17px}
.art-gallery-card h3{font-size:14px;line-height:1.45;margin:0 0 7px;min-height:40px}
.art-gallery-card span{font-size:11px;color:#647894;font-weight:700}
@media(max-width:900px){.art-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.catalog-art-intro{display:block;padding:13px}.catalog-art-intro span{display:block;margin-top:6px}.art-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.art-gallery-card>div{padding:10px}.art-gallery-card h3{font-size:11px;min-height:45px}.art-gallery-card span{font-size:10px}}
@media(max-width:760px){.searchbar button{width:78px}.searchbar input{font-size:12px}.featured-art{height:auto;aspect-ratio:1200/640}.featured-art img{object-fit:contain}.featured-description{font-size:8px;line-height:1.35}.featured-bottom{gap:3px}.featured-bottom a{font-size:10px}}
.support-bar{background:#fffdfa;color:#142947;border-top:1px solid #cbd6e5;border-bottom:1px solid #cbd6e5}
.support-bar a{border-right:1px solid #cbd6e5}
.support-bar a:hover{background:#ecf4ff}
.support-bar span{color:#647997}
.support-bar b{color:#0f5cdb}
@media(max-width:760px){.support-bar a:nth-child(-n+2){border-bottom-color:#cbd6e5}}
@media(min-width:761px){.hero-layout{height:408px;min-height:0}.hero-poster{padding-top:22px;padding-bottom:22px}.hero-stroke{margin-top:4px;margin-bottom:15px}.category-showcase{height:94px}}

/* Product-specific typography over the generated poster families. */
.poster-surface{position:relative;display:block;height:163px;overflow:hidden;background:#112b51;color:#fff;isolation:isolate}
.poster-surface:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071831ae 0%,#07183173 43%,transparent 76%);z-index:0;pointer-events:none}
.poster-surface img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.poster-surface .poster-kicker,.poster-surface .poster-title,.poster-surface .poster-spec,.poster-surface .poster-kind{position:absolute;z-index:1;display:block}
.poster-kicker{top:15px;left:20px;font-size:8px;line-height:1;letter-spacing:.22em;font-weight:800;opacity:.8}
.poster-title{top:46px;left:20px;max-width:70%;font-size:clamp(20px,2.1vw,32px);line-height:1.02;letter-spacing:-.045em;font-weight:850;white-space:nowrap;text-shadow:0 2px 8px #091c3540}
.poster-spec{bottom:17px;left:20px;max-width:64%;font-size:12px;line-height:1.25;font-weight:650;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-shadow:0 1px 4px #091c3533}
.poster-kind{right:12px;top:12px;border:1px solid #ffffff80;border-radius:3px;padding:4px 6px;background:#0a234763;font-size:9px;line-height:1;letter-spacing:.04em;white-space:nowrap}
.poster-light{color:#172a48;background:#fff1e3}
.poster-light:after{background:linear-gradient(90deg,#fffaf2e0 0%,#fffaf2a6 43%,transparent 80%)}
.poster-light .poster-kind{border-color:#d8a084;background:#fff9eeaa}
.poster-surface:hover img{transform:scale(1.035);transition:transform .3s ease}
.art-gallery-card>.poster-surface{padding:0;height:auto;aspect-ratio:1200/640}
.art-gallery-card>.art-card-meta{padding:15px 16px 17px}
.art-gallery-card .poster-title{font-size:clamp(20px,2.1vw,30px)}
.art-gallery-card .poster-kind{color:inherit;font-weight:750}
.header-inner{gap:0}
.site-header nav{font-weight:750;letter-spacing:.01em}
.hero-description{line-height:1.55}
@media(max-width:1300px){.brand{margin-right:48px}.site-header nav{gap:24px;font-size:15px}}
@media(max-width:760px){.poster-surface{height:auto;aspect-ratio:1200/640}.poster-kicker{display:none!important}.poster-title{top:18px;left:11px;font-size:clamp(17px,4vw,26px)}.poster-spec{left:11px;bottom:9px;max-width:70%;font-size:9px}.poster-kind{display:none!important}.art-gallery-card .poster-title{font-size:clamp(17px,4vw,25px)}.art-gallery-card>.art-card-meta{padding:10px}.art-gallery-card .poster-spec{font-size:9px}}
@media(max-width:420px){.poster-title{top:16px;font-size:17px}.poster-spec{font-size:8px;bottom:7px}}
@media(max-width:760px){.hero-poster:before{display:block;inset:0;background:linear-gradient(90deg,#fffdf8fa 0%,#fffdf8ee 34%,#fffdf8a8 59%,transparent 87%);z-index:0}.hero-poster>*{position:relative;z-index:1}.hero-poster{background-position:66% center}.service-card>span:not(.service-kicker){max-width:87%;font-weight:650}.service-card i{box-shadow:0 2px 6px #102e4e36}}
@media(max-width:420px){.featured-grid{grid-template-columns:1fr;gap:12px}.featured-card .poster-surface{aspect-ratio:1200/540}.featured-card .poster-kicker{display:block!important;top:16px;left:20px;font-size:7px}.featured-card .poster-title{top:46px;left:20px;font-size:30px}.featured-card .poster-spec{left:20px;bottom:18px;font-size:12px;max-width:65%}.featured-card .poster-kind{display:block!important;top:13px;right:13px;font-size:9px}.featured-bottom{height:48px;padding-inline:17px;font-size:13px}.featured-bottom a{font-size:13px}}
@media(min-width:1301px){.category-showcase>a{padding-inline:14px;gap:12px}.category-icon{width:61px;height:61px;font-size:38px}.category-copy small{font-size:12px}.category-arrow{width:31px;height:31px}}

/* Reference-aligned brand lockup, iconography and spacing. */
.ui-icon{display:block;width:24px;height:24px;flex:none}
.brand{margin-right:136px}
.brand span{align-items:center;flex-direction:row;gap:16px}
.brand b{font-size:39px;line-height:1;letter-spacing:-.08em}
.brand small{gap:4px}
.brand small strong{font-size:14px;letter-spacing:.14em}
.brand small em{font-size:10px;letter-spacing:.12em}
.service-card:before{display:none}
.service-card>span.service-icon{position:absolute;top:45px;left:22px;width:76px;height:76px;margin:0;max-width:none;border-radius:13px;background:#f35d2a;color:#fff;display:grid;place-items:center}
.service-card.twofa>span.service-icon{background:#075dde}
.service-icon .ui-icon{width:43px;height:43px;stroke-width:1.5}
.service-card>span.service-copy{max-width:320px;margin-top:8px;font-size:15px;line-height:1.45;color:#31425f;font-weight:650}
.category-icon .ui-icon{width:34px;height:34px;stroke-width:1.9}
.category-icon.entertainment .ui-icon{width:31px;height:31px;stroke-width:2}
.category-arrow{font-size:22px}
.site-footer{gap:0}
.footer-brand{width:382px;margin-right:0;gap:8px}
.footer-brand img{width:44px;height:44px}
.footer-brand b{font-size:27px}
.footer-brand span{font-size:11px}
.footer-brand small{font-size:11px;margin-left:12px}
.footer-promise{display:flex;align-items:center;gap:9px;padding:3px 18px;font-size:13px}
.footer-promise .ui-icon{width:22px;height:22px;stroke-width:1.6;color:#435775}
.footer-contact,.footer-order{gap:12px;padding-left:24px}
.footer-contact{margin-left:0}
.footer-order{margin-left:20px}
.footer-order>.ui-icon{width:25px;height:25px;stroke-width:1.6}
.wechat-mark{width:36px;height:36px;letter-spacing:0}
.wechat-mark .ui-icon{width:25px;height:25px;stroke-width:1.5}
@media(min-width:1301px){.category-showcase>a{padding-inline:22px;gap:16px}.category-icon{width:67px;height:67px}.category-copy small{font-size:12.5px}.category-arrow{width:33px;height:33px}}
@media(max-width:1300px){.brand{margin-right:32px}.brand b{font-size:34px}.brand small strong{font-size:11px}.brand small em{font-size:9px}.footer-brand{width:auto;margin-right:auto}.footer-promise{padding-inline:11px}.footer-contact,.footer-order{padding-left:12px}}
@media(max-width:900px){.brand{margin-right:auto}.brand b{font-size:28px}.brand span{gap:10px}.service-card>span.service-icon{left:15px;top:46px;width:50px;height:50px}.service-icon .ui-icon{width:31px;height:31px}.service-card>span.service-copy{font-size:12px}}
@media(max-width:760px){.brand span{gap:8px}.brand b{font-size:26px}.brand small{display:flex}.service-card>span.service-icon{left:10px;top:10px;width:35px;height:35px;border-radius:8px}.service-icon .ui-icon{width:24px;height:24px}.service-card>span.service-copy{font-size:10px;line-height:1.3;max-width:82%;margin-top:3px}.category-icon .ui-icon{width:26px;height:26px}.category-icon.entertainment .ui-icon{width:23px;height:23px}.site-footer{align-items:flex-start}.footer-brand{width:100%;margin:0}.footer-order>.ui-icon{width:20px;height:20px}.footer-contact,.footer-order{padding-left:0;margin-left:0}.footer-order{margin-left:auto}}
@media(max-width:420px){.brand small{display:none}.service-card>span.service-copy{max-width:80%}}
.site-header .brand{padding-left:18px;margin-right:127px}
.hero-poster h1{font-size:clamp(56px,4.75vw,72px)}
.hero-stroke{margin-top:1px;margin-bottom:30px}
.service-card.twofa>span.service-copy{max-width:232px}
.footer-promise{min-width:127px;justify-content:center}
.footer-contact{min-width:258px}
.footer-order{min-width:210px}
.ticket-labels{position:absolute;inset:0;z-index:1;pointer-events:none}
.ticket-label{position:absolute;display:flex;flex-direction:column;gap:7px;color:#102c5d;text-align:center;transform:rotate(-8deg);text-shadow:0 1px 2px #fff8}
.ticket-label b{font-size:32px;font-weight:950;line-height:1;letter-spacing:-.06em}
.ticket-label small{font-size:12px;line-height:1.35;font-weight:800;letter-spacing:.03em}
.ticket-ai{left:51%;top:54%}
.ticket-social{left:65%;top:59%;transform:rotate(-8deg)}
.ticket-account{left:84%;top:66%;transform:rotate(-8deg)}
@media(max-width:1300px){.site-header .brand{padding-left:0;margin-right:32px}.ticket-labels{display:none}.footer-contact,.footer-order{min-width:0}}
@media(max-width:900px){.site-header .brand{margin-right:auto}}
@media(max-width:760px){.hero-poster h1{font-size:clamp(44px,11vw,60px)}.hero-stroke{margin-top:8px;margin-bottom:23px}.service-card.twofa>span.service-copy{max-width:84%}}
@media(max-width:420px){.hero-poster h1{font-size:37px}}
@media(max-width:760px){.site-footer{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));height:auto;gap:0;padding:20px 0 25px;align-items:stretch}.footer-brand{grid-column:1/-1;width:auto;margin:0;padding-bottom:15px;border-bottom:1px solid #cbd6e5}.footer-promise{grid-column:span 2;min-width:0;border:0;padding:15px 1px;justify-content:flex-start;gap:5px;font-size:11px}.footer-promise .ui-icon{width:19px;height:19px}.footer-contact,.footer-order{grid-column:span 3;min-width:0;margin:0;padding:14px 0 0;border-top:1px solid #cbd6e5;border-left:0;gap:8px;white-space:normal;align-items:flex-start}.footer-order{padding-left:12px}.footer-contact b,.footer-order b{font-size:11px;line-height:1.25}.footer-contact small,.footer-order small{font-size:9px;line-height:1.3}.wechat-mark{width:30px;height:30px}.wechat-mark .ui-icon{width:22px;height:22px}.footer-order>.ui-icon{width:21px;height:21px}.footer-note{display:none}.service-card.tutorial{background-image:linear-gradient(90deg,#fff9f5ed 0%,#fff9f5b5 63%,transparent),url('assets/tutorial.png')}.service-card.twofa{background-image:linear-gradient(90deg,#f5f9ffed 0%,#f5f9ffb5 63%,transparent),url('assets/twofa.png')}}
@media(min-width:901px) and (max-width:1300px){.header-slogan{display:none}.hero-poster{padding:26px 32px}.hero-poster:before{display:block;inset:0;background:linear-gradient(90deg,#fffaf6fa 0%,#fffaf6e8 42%,transparent 85%);z-index:0}.hero-poster>*{position:relative;z-index:1}.hero-poster h1{font-size:52px}.hero-stroke{width:245px}.hero-poster h2{font-size:18px}.hero-description{font-size:13px}.service-card{padding-left:93px;background-image:linear-gradient(90deg,#fff9f5f0 0%,#fff9f5ab 65%,transparent),url('assets/tutorial.png')}.service-card.twofa{background-image:linear-gradient(90deg,#f5f9fff0 0%,#f5f9ffab 65%,transparent),url('assets/twofa.png')}.service-card>span.service-icon{left:17px;top:calc(50% - 29px);width:58px;height:58px}.service-icon .ui-icon{width:34px;height:34px}.service-card strong{font-size:30px}.service-card>span.service-copy{font-size:12px;line-height:1.4;max-width:220px}.service-card i{width:40px;height:40px;font-size:26px;right:12px;bottom:12px}}
@media(min-width:761px) and (max-width:1100px){.hero-layout{grid-template-columns:1fr;height:auto}.hero-poster{height:408px;background-position:center}.hero-poster:before{display:none}.service-stack{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:180px;gap:14px}.service-card{padding-left:102px}.service-card strong{font-size:30px}.service-card>span.service-copy{font-size:13px;max-width:270px}.service-card>span.service-icon{left:22px}.category-showcase{margin-top:14px}}

/* Final type scale and the recognizable WeChat brand mark. */
.searchbar input{font-size:16px}
.hero-description{font-size:15px}
.ticket-label b{font-size:37px}
.ticket-label small{font-size:13px}
.category-copy strong{font-size:21px}
.category-copy small{font-size:13px;letter-spacing:-.02em}
.poster-title{font-size:clamp(24px,2.45vw,37px)}
.poster-spec{font-size:14px;max-width:69%;line-height:1.28}
.featured-bottom{font-size:15px}
.wechat-mark{background:#07c160}
.wechat-mark img{display:block;width:26px;height:26px}
.support-wechat-mark{display:grid;place-items:center;width:60px;height:60px;margin:0 0 18px;border-radius:14px;background:#07c160;box-shadow:0 8px 20px #07c16025}
.support-wechat-mark img{display:block;width:44px;height:44px}
@media(min-width:1301px){.service-stack{grid-template-rows:180px 213px;gap:15px}.service-card{justify-content:flex-start;padding-top:50px}.service-card.twofa{padding-top:36px}.service-card.twofa>span.service-icon{top:37px}.service-card.tutorial i{bottom:12px}.service-card.twofa i{bottom:32px}}
@media(max-width:1300px){.category-copy strong{font-size:16px}.category-copy small{font-size:11px}.poster-title{font-size:clamp(21px,2.3vw,32px)}.poster-spec{font-size:12px}}
@media(max-width:760px){.searchbar input{font-size:12px}.hero-description{font-size:12px}.category-copy strong{font-size:14px}.featured-card .poster-title{font-size:30px}.featured-card .poster-spec{font-size:12px}.wechat-mark img{width:22px;height:22px}.support-wechat-mark{width:50px;height:50px}.support-wechat-mark img{width:36px;height:36px}}
.support-feature>div:first-child{background:#fff6ed;padding:54px 60px}
@media(max-width:760px){.support-feature>div:first-child{padding:30px}}

/* Reference pass: align the header lockup, category weights and campaign artwork. */
.site-header .brand{padding-left:12px;margin-right:125px}
.brand span{gap:14px;align-items:center}
.brand b{letter-spacing:.04em;transform:translateY(-2px)}
.brand small{transform:translateY(-3px)}
.header-slogan{gap:35px}
.header-slogan img{display:block;width:190px;height:64px;object-fit:contain;mix-blend-mode:multiply}
.header-slogan small{font-size:9px;line-height:1.22}
.hero-stroke{margin-left:3px}
.hero-description{margin-bottom:24px}
.hero-poster .hero-cta{min-height:50px;padding:11px 42px 11px 44px}
.service-card{background-color:#fff7f0;background-size:430px auto;background-position:right center}
.service-card.twofa{background-color:#f3f8ff;background-size:430px auto;background-position:right center}
.service-card>span.service-copy{margin-top:6px;line-height:1.5}
.service-card i{right:11px;bottom:11px;width:54px;height:54px;font-size:32px;border-width:2px}
.service-card.twofa i{bottom:30px}
.category-showcase>a{padding-left:25px;gap:22px}
.category-copy{gap:4px;justify-content:center}
.category-copy strong{font-size:19px;font-weight:800;line-height:1.25;letter-spacing:.01em}
.category-copy small{font-size:13px;line-height:1.35;letter-spacing:0}
.category-icon .ui-icon{width:37px;height:37px;stroke-width:2.55}
.category-icon.entertainment .ui-icon{width:35px;height:35px;stroke-width:2.7}
.category-arrow{width:34px;height:34px}
.home-catalog .section-top{margin-bottom:9px}
.featured-card .poster-kicker,.featured-card .poster-kind{display:none}
.featured-card .poster-title{top:37px;font-size:36px;line-height:1.1}
.featured-card .poster-spec{left:20px;bottom:18px;max-width:75%;font-size:14px;line-height:1.3}
.featured-bottom{height:50px}
@media(min-width:1301px){.hero-poster{background-size:740px auto;background-position:right center}.ticket-ai{left:54%;top:55%}.ticket-social{left:68%;top:59%}.ticket-account{left:85%;top:66%}}
@media(min-width:901px) and (max-width:1300px){.site-header .brand{padding-left:0;margin-right:30px}.service-card{background-size:84% auto}.service-card.twofa{background-size:84% auto}.category-showcase>a{padding-left:12px;gap:10px}.category-copy strong{font-size:16px}.category-copy small{font-size:11px}}
@media(max-width:900px){.site-header .brand{padding-left:0;margin-right:auto}.brand b{letter-spacing:.04em}.brand small{transform:translateY(-2px)}}
@media(max-width:760px){.hero-poster{background-size:auto 100%;background-position:67% center}.hero-description{margin-bottom:17px}.hero-poster .hero-cta{padding:11px 20px}.service-card,.service-card.twofa{background-size:auto 100%;background-position:56% center}.service-card i,.service-card.twofa i{right:9px;bottom:9px;width:29px;height:29px;font-size:18px}.category-showcase>a{padding-left:10px;gap:8px}.category-copy strong{font-size:14px}.category-copy small{font-size:10px}.category-icon .ui-icon{width:27px;height:27px;stroke-width:2.55}.category-icon.entertainment .ui-icon{width:25px;height:25px}.featured-card .poster-title{top:46px;font-size:30px}.featured-card .poster-spec{left:20px;bottom:18px;font-size:12px}}

/* Keep the artwork full bleed while placing its subject at the reference scale. */
.header-slogan-art{display:block;flex:none;width:190px;height:69px;background:url('assets/reference-home.png') -1148px -9px/1505px 1045px no-repeat;mix-blend-mode:multiply}
.hero-poster{background-size:cover;background-position:center}
.hero-poster:after{content:"";position:absolute;z-index:0;top:0;bottom:0;right:0;width:740px;background:url('assets/hero-categories.png') right center/740px auto no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 55px);mask-image:linear-gradient(90deg,transparent,#000 55px);pointer-events:none}
.hero-poster>*{position:relative;z-index:1}
.hero-poster>.ticket-labels{position:absolute}
.service-card,.service-card.twofa{background-size:cover;background-position:center}
.service-card:after{content:"";position:absolute;z-index:0;top:0;bottom:0;right:0;width:430px;background:url('assets/tutorial.png') right center/430px auto no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 55px);mask-image:linear-gradient(90deg,transparent,#000 55px);pointer-events:none}
.service-card.twofa:after{background-image:url('assets/twofa.png')}
.service-card>*{z-index:1}
@media(max-width:760px){.hero-poster:after,.service-card:after{display:none}.hero-poster{background-size:auto 100%;background-position:67% center}.service-card,.service-card.twofa{background-size:auto 100%;background-position:56% center}}

.header-slogan{gap:30px}
.header-slogan .header-slogan-art{width:195px;height:69px;background-position:-1152px -9px;transform:none;position:static;filter:contrast(1.24) brightness(1.04)}
.header-slogan .header-slogan-art:after{display:none}
.hero-description{margin-bottom:18px}
.service-card.tutorial:after{width:400px;background-size:400px auto}
.ticket-ai{top:53%}
.ticket-social{top:57%}
.ticket-account{top:62%}

.hero-mobile-categories{display:none}
.ticket-label{width:130px;align-items:center;gap:4px}
.ticket-label b{font-size:22px;line-height:1.15;letter-spacing:-.075em;white-space:nowrap}
.ticket-label small{font-size:11px;line-height:1.3;white-space:nowrap}
.ticket-ai{left:53%}
.ticket-social{left:67%}
.ticket-account{left:83%}
.category-icon .ui-icon{width:35px;height:35px}
.category-icon.entertainment .ui-icon{width:35px;height:35px}
@media(max-width:1300px){.hero-poster>small{display:none}.hero-mobile-categories{display:block;margin-top:13px;color:#213959;font-size:10px;font-weight:750;letter-spacing:.04em}}
@media(max-width:760px){.hero-mobile-categories{font-size:9px;letter-spacing:0;margin-top:10px}.category-icon .ui-icon,.category-icon.entertainment .ui-icon{width:27px;height:27px}}

/* The service banners preserve the selected desktop artwork. The hero uses editable category copy. */
@media(min-width:1500px){
  .hero-poster{background:#fffaf0 url('assets/hero-categories.png') center/cover no-repeat}
  .hero-poster:after{display:block;z-index:0;width:740px;background:url('assets/hero-categories.png') right center/740px auto no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent,#000 55px);mask-image:linear-gradient(90deg,transparent,#000 55px)}
  .hero-poster>.ticket-labels{z-index:2}
  .service-card.tutorial{border:0;background:#fff7f0 url('assets/reference-home.png') -932px -160px/1505px 1045px no-repeat}
  .service-card.twofa{border:0;background:#f3f8ff url('assets/reference-home.png') -932px -355px/1505px 1045px no-repeat}
  .service-card:after{display:none}
  .service-card>*{opacity:0}
}
.site-header .brand b{transform:translateY(-4px)}
.site-header .brand small{transform:translateY(-5px)}
.searchbar input{padding-left:26px}
@media(max-width:760px){.site-header .brand b{transform:translateY(-1px)}.searchbar input{padding-left:10px}}

/* Customer access uses the storefront's paper, cobalt and orange campaign language. */
.customer-page{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px;margin-top:24px;margin-bottom:54px;min-height:535px}
.customer-intro{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d6e3f5;border-radius:6px;background:#fff8ef;padding:64px 64px 48px;display:flex;flex-direction:column;align-items:flex-start}
.customer-intro:before{content:"";position:absolute;z-index:-1;width:440px;height:440px;right:-105px;bottom:-210px;border-radius:50%;background:#0758d8}
.customer-intro:after{content:"";position:absolute;z-index:-1;width:250px;height:250px;right:-80px;top:-135px;border-radius:50%;background:#ff6738}
.customer-intro .eyebrow{font-size:12px;letter-spacing:.34em;color:#14325c;margin-bottom:55px}
.customer-intro h1{font-size:clamp(48px,5vw,72px);line-height:1.06;letter-spacing:-.075em;margin:0 0 20px;font-weight:950;color:#102446}
.customer-intro p:not(.eyebrow){font-size:17px;line-height:1.7;margin:0;color:#263e61;max-width:420px}
.customer-intro-rule{width:235px;height:8px;background:#f55f30;clip-path:polygon(0 55%,100% 0,100% 95%,0 100%);transform:rotate(-5deg);margin:24px 0}
.customer-intro strong{font-family:"STKaiti","KaiTi",serif;font-size:23px;letter-spacing:.12em;transform:rotate(-5deg);margin-top:auto;color:#102c56}
.customer-panel{border:1px solid #ccdaed;border-radius:6px;background:#fff;padding:42px 46px 34px;box-shadow:0 10px 30px #14335b0a}
.customer-panel-heading{border-bottom:1px solid #cbd8e9;padding-bottom:23px;margin-bottom:26px}
.customer-panel-heading>span{font-size:11px;font-weight:850;letter-spacing:.22em;color:#1459d7}
.customer-panel-heading h2{font-size:34px;letter-spacing:-.045em;margin:13px 0 5px;line-height:1.2}
.customer-panel-heading p{font-size:13px;color:#60708a;margin:0;line-height:1.6}
.customer-form{display:grid;gap:20px}
.customer-form label{display:grid;gap:9px;font-size:13px;font-weight:800;color:#223757}
.customer-form input{width:100%;height:48px;border:1px solid #c6d4e8;border-radius:5px;background:#fff;padding:0 15px;color:#14294a;font-size:14px}
.customer-form input::placeholder{color:#8b9bb2}
.customer-form button,.customer-actions a{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:50px;border:0;border-radius:30px;background:#0959de;color:#fff;padding:0 24px;font-size:15px;font-weight:850}
.customer-form button:hover,.customer-actions a:hover{background:#0849b7}
.customer-form button span,.customer-actions a span{font-size:25px;line-height:1}
#customer-result{min-height:18px;margin:-7px 0 0;color:#b53d20;font-size:13px;line-height:1.4}
.customer-switch{border-top:1px solid #e3e9f0;margin:12px 0 0;padding-top:20px;font-size:13px;color:#5e708c}
.customer-switch a{color:#0b58d8;font-weight:800;margin-left:4px}
.customer-dashboard dl{margin:0 0 28px;border-top:1px solid #e3e9f0}
.customer-dashboard dl div{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #e3e9f0;font-size:14px}
.customer-dashboard dt{color:#657794}.customer-dashboard dd{margin:0;font-weight:750;overflow-wrap:anywhere;text-align:right}
.customer-actions{display:flex;align-items:center;gap:14px}.customer-actions a{width:auto;min-width:155px;gap:30px}.customer-actions button{border:1px solid #bacce4;background:#fff;border-radius:30px;color:#24518f;padding:12px 18px;font-size:13px;font-weight:750}
.customer-fineprint{font-size:12px;color:#60708a;line-height:1.6;margin:24px 0 0}
@media(max-width:900px){.customer-page{grid-template-columns:1fr;min-height:0}.customer-intro{min-height:260px;padding:34px}.customer-intro .eyebrow{margin-bottom:28px}.customer-intro h1{font-size:52px}.customer-intro strong{margin-top:18px}.customer-panel{padding:32px}}
@media(max-width:560px){.customer-page{margin-top:12px;gap:12px;margin-bottom:28px}.customer-intro{min-height:230px;padding:24px}.customer-intro h1{font-size:42px}.customer-intro p:not(.eyebrow){font-size:13px}.customer-intro-rule{width:170px;margin:15px 0}.customer-intro strong{font-size:16px}.customer-intro:before{width:250px;height:250px;right:-85px;bottom:-135px}.customer-intro:after{width:140px;height:140px;top:-85px}.customer-panel{padding:25px 22px}.customer-panel-heading h2{font-size:28px}}

/* Dujiao account access, restyled to match the storefront campaign system. */
.auth-page{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);min-height:590px}
.auth-intro{background:#fffaf2 url('/assets/hero-categories.png') center/cover no-repeat;padding-top:55px}
.auth-intro:before,.auth-intro:after{opacity:.92}
.auth-intro h1{font-size:clamp(47px,4.7vw,70px);max-width:620px}
.auth-intro.register:before{background:#ff6536}.auth-intro.register:after{background:#0758d8}
.auth-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:3px 0 25px}
.auth-benefits span{display:inline-flex;align-items:center;min-height:30px;padding:0 13px;border:1px solid #a9c3e9;border-radius:999px;background:#ffffffc9;color:#174a91;font-size:11px;font-weight:850;letter-spacing:.06em}
.auth-panel{display:flex;flex-direction:column;justify-content:center;padding:39px 48px 31px}
.auth-password-field{display:flex;align-items:center;height:48px;border:1px solid #c6d4e8;border-radius:5px;background:#fff;overflow:hidden}
.auth-password-field:focus-within{border-color:#1763df;box-shadow:0 0 0 3px #1763df14}
.customer-form .auth-password-field input{height:46px;min-width:0;flex:1;border:0;box-shadow:none!important}
.auth-password-field button{display:block;width:auto;min-width:66px;min-height:46px;border:0;border-left:1px solid #d7e1ed;border-radius:0;background:#f7faff;color:#0b58d5;padding:0 14px;font-size:12px}
.auth-password-field button:hover{background:#edf4ff}
.customer-form .auth-remember{display:flex;grid-template-columns:none;align-items:center;gap:9px;color:#657792;font-size:12px;font-weight:700;margin-top:-5px}
.customer-form .auth-remember input{width:16px;height:16px;accent-color:#0959de}
.auth-totp-step{display:grid;gap:12px;padding:15px;border:1px solid #bfd4f2;border-radius:6px;background:#f2f7ff}
.auth-totp-step[hidden]{display:none}
.auth-totp-step>span{color:#0d58d1;font-size:12px;font-weight:850}
.auth-agreement{line-height:1.45!important}
#dujiao-auth-result{min-height:19px;margin:-7px 0 0;color:#b53d20;font-size:13px;line-height:1.45}
.customer-form>button:disabled{cursor:wait;background:#91a5c2}
.auth-help{display:flex;justify-content:space-between;gap:18px;margin-top:auto;padding-top:20px;border-top:1px solid #e3e9f0}
.auth-help a{color:#60728d;font-size:12px;font-weight:760}.auth-help a:hover{color:#0b58d8}
@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-intro{min-height:300px}.auth-panel{min-height:500px}}
@media(max-width:560px){.auth-page{min-height:0}.auth-intro{min-height:265px;background-position:62% center}.auth-intro h1{font-size:39px}.auth-benefits{margin-bottom:14px}.auth-benefits span{min-height:26px;padding:0 10px;font-size:9px}.auth-panel{min-height:0;padding:27px 22px}.auth-help{margin-top:20px}}

/* Member center and order lookup use the storefront's printed campaign language. */
.member-page,.guest-orders-page,.account-detail-page{padding-top:18px;padding-bottom:45px}
.member-hero{min-height:260px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;border:1px solid #bbd1ed;border-radius:6px;background:#fff9f0 url('/assets/hero-categories.png') center/cover no-repeat;padding:31px 57px}
.member-hero:after{content:"";position:absolute;right:-55px;bottom:-135px;width:410px;height:330px;border-radius:50%;background:#075bdd;opacity:.94}
.member-hero>div:first-child{position:relative;z-index:2;max-width:610px}
.member-hero .eyebrow{font-size:10px;letter-spacing:.3em;margin:0 0 9px}
.member-hero h1{font-size:clamp(46px,4.8vw,68px);line-height:1.04;letter-spacing:-.075em;margin:0;color:#102441}
.member-hero>div:first-child>span{display:block;width:315px;height:9px;background:#f45e31;clip-path:polygon(0 55%,100% 0,100% 100%,0 100%);transform:rotate(-4deg);margin:9px 0 18px 4px}
.member-hero>div:first-child>p:last-child{font-size:14px;font-weight:700;color:#29405f;margin:0}
.member-hero-mark{position:relative;z-index:2;width:205px;height:145px;display:flex;align-items:center;justify-content:center;gap:15px;color:#fff;transform:rotate(-5deg);margin-right:44px}
.member-hero-mark b{font-family:Georgia,serif;font-size:100px;line-height:.8;font-style:italic}.member-hero-mark small{border-left:1px solid #ffffff90;padding-left:14px;font-size:10px;line-height:1.55;font-weight:850;letter-spacing:.18em}
.member-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;margin-top:28px;align-items:start}
.member-sidebar{border:1px solid #c5d5e8;border-radius:7px;background:#fff;padding:24px 19px 19px;position:sticky;top:92px;box-shadow:0 7px 24px #183b6510}
.member-identity{display:flex;gap:14px;align-items:center;padding:4px 5px 23px;border-bottom:1px solid #d5e0ec}
.member-identity>span{width:54px;height:54px;flex:none;display:grid;place-items:center;border-radius:50%;background:#075bdd;color:#fff;font:italic 800 26px Georgia,serif;box-shadow:inset -8px -8px 0 #0648b9}
.member-identity div{min-width:0}.member-identity small{display:block;color:#71839b;font-size:10px;font-weight:800;letter-spacing:.1em}.member-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;margin-top:5px;color:#172d4b;font-size:16px;white-space:nowrap}.member-identity p{overflow:hidden;text-overflow:ellipsis;margin:3px 0 0;color:#6c7f98;font-size:11px;white-space:nowrap}
.member-sidebar nav{display:grid;gap:6px;margin:15px 0}.member-sidebar nav a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;min-height:62px;border-radius:6px;padding:10px 12px;color:#233957;position:relative}.member-sidebar nav a:after{display:none!important}.member-sidebar nav a:hover,.member-sidebar nav a.current{background:#edf5ff;color:#0757d2}.member-sidebar nav a.current{box-shadow:inset 4px 0 0 #075ddd}.member-sidebar nav .ui-icon{width:22px;height:22px}.member-sidebar nav b{display:block;font-size:14px}.member-sidebar nav small{display:block;margin-top:3px;color:#75869d;font-size:10px}.member-sidebar nav i{font-style:normal;color:#9aabc0;font:800 9px ui-monospace,monospace}
#member-logout{width:100%;border:1px solid #c5d5e8;border-radius:100px;background:#fff;padding:12px 16px;color:#526b8e;font-size:12px;font-weight:780;display:flex;justify-content:space-between}#member-logout:hover{border-color:#f17b58;color:#c64c2a}
.member-content{min-width:0;display:grid;gap:34px}.member-section{min-width:0;border-top:1px solid #c4d3e5;padding-top:19px}
.member-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:19px}.member-heading>div>span{display:block;color:#075bd9;font-size:10px;font-weight:900;letter-spacing:.2em}.member-heading h2{margin:6px 0 0;color:#142945;font-size:30px;letter-spacing:-.045em;line-height:1.1}.member-heading p{margin:7px 0 0;color:#6b7e97;font-size:12px}.member-heading>a{color:#075bd9;font-size:13px;font-weight:850}.member-heading>button{border:0;background:transparent;color:#075bd9;font-size:12px;font-weight:800;padding:8px 0}
.member-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.member-metrics article{min-height:145px;border:1px solid #c9d8e9;border-radius:6px;background:#fff;padding:22px 23px;position:relative;overflow:hidden}.member-metrics article:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;right:-31px;top:-32px;background:#eaf3ff}.member-metrics article:nth-child(2):after{background:#fff0e8}.member-metrics small{color:#70839e;font-size:11px;font-weight:800;letter-spacing:.06em}.member-metrics strong{display:block;margin:13px 0 8px;color:#102b56;font-size:31px;line-height:1}.member-metrics article:nth-child(3) strong{font-size:22px;margin-top:17px}.member-metrics p{margin:0;color:#73849c;font-size:11px}
.member-profile-card{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #b7d1f2;border-radius:6px;background:#eef6ff;margin-top:14px;padding:17px 21px}.member-profile-card>div{display:flex;align-items:center;gap:13px;min-width:0}.member-profile-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:5px;background:#075dde;color:#fff}.member-profile-icon .ui-icon{width:24px;height:24px}.member-profile-card small{display:block;color:#6d81a0;font-size:10px}.member-profile-card strong{display:block;margin-top:3px;color:#17335f;font-size:14px;overflow-wrap:anywhere}.member-profile-card>p{max-width:370px;margin:0;color:#5f7594;font-size:11px;line-height:1.55;text-align:right}
.account-order-list{display:grid;gap:11px;min-height:120px}.account-order-card{display:grid;grid-template-columns:minmax(310px,1fr) 150px minmax(215px,auto);gap:22px;align-items:center;min-height:88px;border:1px solid #cad8e8;border-radius:6px;background:#fff;padding:18px 21px;transition:border-color .16s,transform .16s,box-shadow .16s}.account-order-card:hover{border-color:#93b5e1;transform:translateY(-1px);box-shadow:0 6px 18px #173d6d0e}.account-order-main,.account-order-amount{min-width:0}.account-order-card span,.account-order-card small{display:block;color:#76879e;font-size:10px}.account-order-main strong{display:block;margin:6px 0;color:#183354;font:800 14px ui-monospace,Consolas,monospace;overflow:hidden;text-overflow:ellipsis}.account-order-amount strong{display:block;margin-top:6px;color:#123466;font-size:22px}.account-order-actions{display:flex;justify-content:flex-end;align-items:center;gap:9px;flex-wrap:wrap}.account-order-actions>a{border:1px solid #b7cce6;border-radius:100px;padding:9px 14px;color:#31577f;font-size:11px;font-weight:800}.account-order-actions>a:hover{border-color:#075cdd;color:#075cdd}.account-order-actions .account-pay{border-color:#075cdd;background:#075cdd;color:#fff}.account-status{display:inline-flex!important;align-items:center;justify-content:center;border-radius:100px;background:#e9f1fb;color:#315a87!important;padding:8px 11px;font-size:10px!important;font-weight:850;white-space:nowrap}.status-pending_payment{background:#fff0e8!important;color:#bf502f!important}.status-paid,.status-processing{background:#e8f2ff!important;color:#0758d0!important}.status-delivered,.status-completed{background:#e7f8ef!important;color:#168357!important}.status-canceled,.status-expired,.status-failed{background:#f0f1f3!important;color:#67707c!important}.status-refunded,.status-partially_refunded,.status-refunding{background:#fff5dc!important;color:#946a00!important}
.account-loading,.account-empty{min-height:120px;border:1px dashed #bdcce0;border-radius:5px;background:#fff;padding:33px 22px;text-align:center;color:#6e819c;font-size:12px}.account-loading{display:grid;place-items:center}.account-empty b{display:block;color:#243f62;font-size:16px}.account-empty p{margin:7px 0;color:#74869e;font-size:11px}.account-empty a{display:inline-block;margin-top:8px;color:#075bd9;font-weight:800}.account-empty.compact{min-height:0;padding:22px}.account-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:17px}.account-pagination[hidden]{display:none}.account-pagination button{border:1px solid #c5d4e6;border-radius:100px;background:#fff;padding:8px 15px;color:#345477;font-size:11px;font-weight:750}.account-pagination button:disabled{opacity:.4}.account-pagination span{color:#6e8199;font-size:10px}.account-result{min-height:18px;margin:12px 0 0;color:#bb4b2d;font-size:11px}
.guest-order-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);border:1px solid #bdd1ec;border-radius:6px;background:#fff;overflow:hidden;min-height:510px}.guest-order-intro{position:relative;overflow:hidden;background:#fff9f0 url('/assets/hero-categories.png') center/cover no-repeat;padding:49px 57px}.guest-order-intro:after{content:"";position:absolute;width:350px;height:350px;right:-135px;bottom:-205px;border-radius:50%;background:#075bdd}.guest-order-intro>*{position:relative;z-index:1}.guest-order-intro .eyebrow{font-size:10px;letter-spacing:.29em;margin:0 0 32px}.guest-order-intro h1{font-size:clamp(48px,5vw,70px);line-height:1.04;letter-spacing:-.075em;margin:0;color:#102441}.guest-order-intro>span{display:block;width:315px;height:9px;background:#f45e31;clip-path:polygon(0 55%,100% 0,100% 100%,0 100%);transform:rotate(-4deg);margin:10px 0 20px}.guest-order-intro>p{max-width:450px;color:#2e4664;font-size:14px;font-weight:690;line-height:1.7}.guest-order-intro>div{display:flex;align-items:center;gap:10px;margin-top:36px;color:#60728a;font-size:10px;font-weight:800}.guest-order-intro>div b{color:#075bd9}.guest-order-intro>div i{width:34px;height:1px;background:#a8bad1}
.guest-order-form{display:flex;flex-direction:column;justify-content:center;padding:36px 48px;gap:17px}.guest-form-heading{border-bottom:1px solid #d4deea;padding-bottom:20px;margin-bottom:3px}.guest-form-heading span{color:#075bda;font-size:9px;font-weight:900;letter-spacing:.2em}.guest-form-heading h2{font-size:30px;letter-spacing:-.04em;margin:9px 0 5px}.guest-form-heading p{margin:0;color:#708197;font-size:11px}.guest-order-form label,.detail-auth label{display:grid;gap:8px;color:#243b59;font-size:12px;font-weight:800}.guest-order-form label small{color:#8a99ac;font-weight:500}.guest-order-form input,.detail-auth input{width:100%;height:47px;border:1px solid #c8d6e7;border-radius:5px;background:#fff;padding:0 14px;color:#18304f;font-size:13px}.guest-order-form input:focus,.detail-auth input:focus{outline:0;border-color:#075cdd;box-shadow:0 0 0 3px #075cdd12}.guest-password-field{display:flex;border:1px solid #c8d6e7;border-radius:5px;overflow:hidden}.guest-password-field:focus-within{border-color:#075cdd;box-shadow:0 0 0 3px #075cdd12}.guest-password-field input{border:0!important;box-shadow:none!important}.guest-password-field button{min-width:62px;border:0;border-left:1px solid #d5e0ed;background:#f6f9fd;color:#0756cd;font-size:11px;font-weight:800}.guest-order-form>button,.detail-auth>button{min-height:49px;border:0;border-radius:100px;background:#075bdd;color:#fff;padding:0 21px;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:850}.guest-order-form>button span,.detail-auth>button span{font-size:22px}.guest-order-results{border-top:1px solid #c9d6e6;margin-top:28px;padding-top:16px}.guest-order-help{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #cad7e7;border-bottom:1px solid #cad7e7;margin-top:29px;padding:18px 2px}.guest-order-help span{display:block;color:#f06439;font-size:9px;font-weight:900;letter-spacing:.16em}.guest-order-help strong{display:block;margin-top:4px;color:#19304e;font-size:14px}.guest-order-help a{color:#075bd9;font-size:12px;font-weight:820}
.account-detail-page .breadcrumbs{display:flex;gap:9px;align-items:center;padding:15px 0 18px;color:#74869e;font-size:11px}.account-detail-page .breadcrumbs a{color:#075bd9}.account-detail-page .breadcrumbs b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-detail-shell{border:1px solid #c6d6e9;border-radius:6px;background:#fff;padding:29px 35px}.account-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d2deeb;padding-bottom:22px}.account-detail-heading .eyebrow{font-size:9px;margin:0 0 8px}.account-detail-heading h1{font-size:35px;letter-spacing:-.05em;margin:0;color:#132946}.account-detail-heading p{font:750 11px ui-monospace,Consolas,monospace;color:#6b7e98;margin:7px 0 0}.account-detail-body{padding-top:20px}.account-detail-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-detail-summary article{border:1px solid #d2deeb;border-radius:5px;background:#f8fbff;padding:17px}.account-detail-summary small{display:block;color:#72849c;font-size:9px}.account-detail-summary strong{display:block;margin-top:7px;color:#15345e;font-size:15px;overflow-wrap:anywhere}.account-detail-block{margin-top:25px}.account-detail-title{display:flex;align-items:center;gap:12px;border-bottom:1px solid #d5dfeb;padding-bottom:10px}.account-detail-title span{color:#f26339;font-size:10px;font-weight:900}.account-detail-title h2{font-size:19px;margin:0}.account-detail-items>div{display:flex;justify-content:space-between;gap:20px;padding:15px 3px;border-bottom:1px solid #e2e8ef}.account-detail-items span b,.account-detail-items span small{display:block}.account-detail-items span b{font-size:13px;color:#213b5c}.account-detail-items span small{margin-top:4px;color:#78899e;font-size:10px}.account-detail-items>div>strong{color:#153c72;font-size:14px}.account-fulfillment{padding-top:13px}.account-fulfillment article{border:1px solid #c8daf1;border-radius:5px;background:#f0f7ff;padding:15px}.account-fulfillment article>span{display:block;color:#075bd9;font-size:10px;font-weight:850;margin-bottom:9px}.account-fulfillment pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;color:#203b5d;font:12px/1.7 ui-monospace,Consolas,monospace}.account-detail-footer{display:flex;gap:11px;justify-content:flex-end;border-top:1px solid #d2deeb;margin-top:24px;padding-top:17px}.account-detail-footer a{border:1px solid #c2d2e6;border-radius:100px;padding:9px 17px;color:#315477;font-size:11px;font-weight:800}.account-detail-footer .account-detail-pay{border-color:#075bdd;background:#075bdd;color:#fff}.detail-auth{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;border-bottom:1px solid #d5e0ec;padding:20px 0}.detail-auth>button{min-width:150px;height:47px}
@media(max-width:900px){.member-layout{grid-template-columns:1fr}.member-sidebar{position:static}.member-sidebar nav{grid-template-columns:repeat(3,1fr);gap:5px}.member-sidebar nav a{grid-template-columns:28px 1fr}.member-sidebar nav i{display:none}.guest-order-hero{grid-template-columns:1fr}.guest-order-intro{min-height:330px}.guest-order-form{padding:34px;min-height:470px}.account-order-card{grid-template-columns:1fr auto}.account-order-amount{display:none}.account-order-actions{grid-column:2;grid-row:1;max-width:230px}.detail-auth{grid-template-columns:1fr 1fr}.detail-auth>button{grid-column:1/-1}}
@media(max-width:600px){.member-page,.guest-orders-page,.account-detail-page{padding-top:10px;padding-bottom:30px}.member-hero{min-height:245px;padding:24px 22px}.member-hero:after,.guest-order-intro:after{width:170px;height:170px;right:-90px;bottom:-95px}.member-hero h1,.guest-order-intro h1{font-size:39px}.member-hero>div:first-child>span,.guest-order-intro>span{width:220px;height:7px}.member-hero-mark{display:none}.member-layout{gap:16px;margin-top:15px}.member-sidebar{padding:16px 13px}.member-sidebar nav{grid-template-columns:1fr}.member-sidebar nav a{grid-template-columns:31px 1fr auto}.member-sidebar nav i{display:block}.member-metrics{grid-template-columns:1fr 1fr}.member-metrics article:nth-child(3){grid-column:1/-1;min-height:105px}.member-profile-card{display:block}.member-profile-card>p{text-align:left;margin:12px 0 0}.member-heading{align-items:start}.member-heading h2{font-size:23px}.account-order-card{display:block;padding:15px}.account-order-amount{display:block;border-top:1px solid #e2e9f1;margin-top:12px;padding-top:10px}.account-order-amount strong{font-size:17px}.account-order-actions{justify-content:flex-start;margin-top:13px}.guest-order-intro{min-height:300px;padding:29px 23px}.guest-order-intro .eyebrow{margin-bottom:25px}.guest-order-intro>p{font-size:12px}.guest-order-intro>div{margin-top:25px}.guest-order-form{min-height:0;padding:28px 22px}.guest-order-help{align-items:start;display:block}.guest-order-help a{display:block;margin-top:13px}.account-detail-shell{padding:21px 18px}.account-detail-heading{align-items:start}.account-detail-heading h1{font-size:29px}.account-detail-summary{grid-template-columns:1fr}.account-detail-items>div{display:block}.account-detail-items>div>strong{display:block;margin-top:9px}.detail-auth{grid-template-columns:1fr}.detail-auth>button{grid-column:auto}.account-detail-footer{justify-content:flex-start}}

/* 2FA page follows the storefront's poster, rule and pill-button language. */
.twofa-page{padding-top:18px}
.twofa-hero{min-height:278px;position:relative;overflow:hidden;border:1px solid #bad2f2;border-radius:6px;background:#f4f9ff url('/assets/twofa.png') center 49%/cover no-repeat;padding:28px 57px}
.twofa-hero-copy{position:relative;z-index:1;max-width:570px}
.twofa-hero-kicker{font-size:11px;letter-spacing:.34em;font-weight:850;color:#193354;margin:0 0 10px}
.twofa-hero h1{font-size:clamp(46px,4.8vw,69px);font-weight:950;line-height:1.08;letter-spacing:-.075em;color:#10213f;margin:0}
.twofa-hero-stroke{display:block;width:310px;height:10px;background:#f65f31;clip-path:polygon(0 55%,100% 0,100% 100%,0 100%);transform:rotate(-4deg);margin:7px 0 18px 4px}
.twofa-hero-copy>p:not(.twofa-hero-kicker){font-size:15px;font-weight:710;color:#203a5c;line-height:1.5;margin:0 0 8px}
.twofa-hero-copy>small{font-size:11px;letter-spacing:.12em;color:#47678d;font-weight:800}
.twofa-editor{margin-top:26px}
.twofa-editor-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;border-bottom:1px solid #c8d5e6;padding:0 4px 12px}
.twofa-editor-heading>div{display:flex;align-items:baseline;gap:22px}
.twofa-editor-heading h2{font-size:27px;line-height:1.15;letter-spacing:-.035em;margin:0;color:#132642}
.twofa-editor-heading p{font-size:13px;color:#61738e;margin:0}
.twofa-editor-heading>a{font-size:14px;font-weight:820;color:#0759d9;white-space:nowrap}
.twofa-editor-heading>a span{font-size:20px;margin-left:8px;vertical-align:-1px}
.twofa-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:28px;align-items:stretch;margin-top:18px}
.twofa-entry{min-width:0;padding:14px 29px 20px 4px}
.twofa-col-heading{display:flex;justify-content:space-between;align-items:baseline;gap:14px;border-bottom:1px solid #d5e0ed;padding-bottom:14px;margin-bottom:21px}
.twofa-col-heading b{color:#112647;font-size:18px;letter-spacing:-.02em;white-space:nowrap}
.twofa-col-heading b i{font-style:normal;color:#f26b3d;padding:0 6px}
.twofa-col-heading>span{font-size:12px;color:#677e9e;line-height:1.5;text-align:right}
.twofa-field-label{display:block;font-size:14px;font-weight:750;color:#223956;margin-bottom:9px}
.twofa-secret-field{height:54px;display:flex;align-items:center;border:1.5px solid #a8c0e4;border-radius:100px;background:#fff;transition:border-color .16s,box-shadow .16s}
.twofa-secret-field:focus-within{border-color:#0b5cdd;box-shadow:0 0 0 3px #0956d311}
.twofa-secret-field input{min-width:0;flex:1;outline:0;border:0;background:transparent;padding:0 18px;font-family:ui-monospace,Consolas,monospace;letter-spacing:.02em;color:#172d4e;font-size:14px}
.twofa-secret-field input::placeholder{font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;letter-spacing:0;color:#7e91ab}
.twofa-secret-field input::-ms-reveal,.twofa-secret-field input::-ms-clear{display:none}
.twofa-secret-field button{border:0;border-left:1px solid #d4dfed;background:transparent;color:#1259c9;padding:0 17px;margin-right:5px;height:29px;font-size:13px;font-weight:780}
.twofa-entry-actions{display:flex;align-items:center;gap:25px;margin-top:14px}
.twofa-entry-actions button{font-size:13px;font-weight:790}
.twofa-paste{border:0;background:#075cda;color:#fff;border-radius:100px;padding:10px 20px;min-width:128px;display:flex;justify-content:space-between;gap:15px}
.twofa-paste:hover,#totp-copy:not(:disabled):hover{background:#0847b2}
.twofa-paste span{font-size:19px;line-height:.8}
.twofa-clear{border:0;background:transparent;color:#6b7d97;padding:9px 0}
.twofa-entry .tool-error{margin:7px 0 0;min-height:20px;font-size:12px}
.twofa-settings{border-top:1px solid #d5e0ed;margin-top:13px;padding-top:16px}
.twofa-settings-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:10px}
.twofa-settings-title strong{font-size:14px;color:#1b314f}
.twofa-settings-title span{font-size:12px;color:#788ba4}
.twofa-settings .tool-row{gap:14px}
.twofa-settings .tool-row label{color:#506580;font-size:12px;font-weight:720}
.twofa-settings .tool-row select{border:1px solid #cad9eb;border-radius:5px;height:42px;background:#fff;color:#1e3453;font-size:13px;padding:0 13px}
.twofa-result{min-width:0;display:flex;flex-direction:column;background:#eff7ff;border:1px solid #bdd6f7;border-radius:6px;padding:29px 33px 26px}
.twofa-result .twofa-col-heading{border-bottom-color:#c9ddf6;margin-bottom:13px}
.twofa-result-status{color:#245baf!important;font-weight:760}
.twofa-result-main{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;padding:14px 0 23px}
.twofa-result-main>div:first-child{min-width:0}
.twofa-result-label{font-size:13px;font-weight:780;color:#486b9b;margin:0 0 8px}
#totp-code{display:block;color:#0d2b60;font-family:ui-monospace,Consolas,monospace;font-size:clamp(38px,3.3vw,56px);line-height:1.15;font-weight:850;letter-spacing:.095em;white-space:nowrap;font-variant-numeric:tabular-nums}
.twofa-account{font-size:12px;line-height:1.4;color:#5d79a0;min-height:18px;margin:11px 0 0;overflow-wrap:anywhere}
.twofa-countdown{flex:none;display:flex;align-items:baseline;gap:3px;white-space:nowrap;color:#0c56ce;font-variant-numeric:tabular-nums}
.twofa-countdown span{font-family:ui-monospace,Consolas,monospace;font-size:43px;font-weight:800;line-height:1}
.twofa-countdown small{font-size:11px;font-weight:750}
.twofa-progress{height:4px;background:#cbdff8;border-radius:5px;overflow:hidden}
.twofa-progress span{display:block;width:0%;height:100%;background:#f35d2f;transition:width .45s linear}
.twofa-result-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px}
.twofa-result-bottom>span{font-size:12px;color:#60799e}
#totp-copy{border:0;background:#075bdb;color:#fff;border-radius:100px;min-width:166px;min-height:42px;padding:9px 17px 9px 20px;font-size:14px;font-weight:840;display:flex;align-items:center;justify-content:space-between;gap:15px}
#totp-copy span{font-size:21px;line-height:1}
#totp-copy:disabled{opacity:.48;cursor:not-allowed}
.twofa-help{display:grid;grid-template-columns:220px 1fr;gap:35px;border-top:1px solid #ced9e8;border-bottom:1px solid #ced9e8;margin:29px 0 16px;padding:20px 0 19px}
.twofa-help-title h2{margin:0 0 7px;font-size:21px;letter-spacing:-.025em}
.twofa-help-title p{font-size:12px;color:#687b96;line-height:1.6;margin:0}
.twofa-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.twofa-help-grid>div{padding:0 22px;border-left:1px solid #ced9e8}
.twofa-help-grid>div>span{display:block;color:#f15f31;font-size:11px;font-weight:850;letter-spacing:.09em;margin-bottom:5px}
.twofa-help-grid strong{font-size:15px;color:#142847}
.twofa-help-grid p{font-size:12px;color:#667992;line-height:1.55;margin:5px 0 0}
.twofa-privacy{font-size:12px;line-height:1.55;color:#74859e;margin:0 0 43px}
@media(max-width:1100px){.twofa-hero{background-position:65% center}.twofa-workspace{grid-template-columns:1fr 1fr;gap:15px}.twofa-entry{padding-right:10px}.twofa-result{padding:21px}.twofa-result-main{gap:5px}.twofa-countdown span{font-size:32px}.twofa-countdown small{font-size:10px}#totp-code{font-size:clamp(28px,3.5vw,42px)}.twofa-col-heading{align-items:start;flex-direction:column;gap:3px}.twofa-col-heading>span{text-align:left}.twofa-help{grid-template-columns:1fr;gap:14px}}
@media(max-width:760px){.twofa-page{padding-top:10px}.twofa-hero{min-height:250px;padding:21px 22px;background-size:auto 100%;background-position:63% center}.twofa-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffdfa 0%,#fffdfaf2 53%,#fffdfac0 76%,transparent 100%)}.twofa-hero-copy{max-width:290px}.twofa-hero-kicker{font-size:9px;letter-spacing:.22em;margin-bottom:11px}.twofa-hero h1{font-size:40px}.twofa-hero-stroke{width:197px;height:7px;margin:8px 0 18px}.twofa-hero-copy>p:not(.twofa-hero-kicker){font-size:12px;max-width:235px}.twofa-hero-copy>small{font-size:9px}.twofa-editor{margin-top:24px}.twofa-editor-heading{align-items:start}.twofa-editor-heading>div{display:block}.twofa-editor-heading h2{font-size:23px}.twofa-editor-heading p{font-size:11px;margin-top:5px}.twofa-editor-heading>a{font-size:11px;margin-top:5px}.twofa-editor-heading>a span{font-size:16px;margin-left:0}.twofa-workspace{display:block;margin-top:12px}.twofa-entry{padding:17px 2px 23px}.twofa-col-heading{flex-direction:row;align-items:baseline;margin-bottom:18px}.twofa-col-heading b{font-size:16px}.twofa-col-heading>span{font-size:10px;text-align:right}.twofa-result{min-height:240px;padding:20px;margin-top:0}.twofa-result-main{padding:17px 0 22px}.twofa-countdown span{font-size:30px}.twofa-countdown small{font-size:9px}#totp-code{font-size:clamp(29px,7vw,42px)}.twofa-help{margin-top:25px;padding:17px 0}.twofa-help-grid{grid-template-columns:1fr}.twofa-help-grid>div{border-left:0;border-top:1px solid #d3deeb;padding:11px 0}.twofa-help-grid>div:first-child{border-top:0}.twofa-help-title p{font-size:11px}.twofa-privacy{margin-bottom:30px}}
@media(max-width:420px){.twofa-hero{background-position:59% center}.twofa-hero h1{font-size:36px}.twofa-col-heading{display:block}.twofa-col-heading>span{display:block;text-align:left;margin-top:4px}.twofa-result-main{gap:5px}#totp-code{font-size:33px;letter-spacing:.05em}.twofa-countdown span{font-size:27px}.twofa-countdown small{font-size:8px}.twofa-result-bottom{gap:7px}.twofa-result-bottom>span{font-size:11px}#totp-copy{min-width:132px;min-height:40px;font-size:11px;gap:6px;padding:8px 11px}.twofa-secret-field input{font-size:12px}.twofa-editor-heading>a{max-width:105px;text-align:right}}
@media(max-width:350px){.twofa-result-main{display:block;position:relative}#totp-code{font-size:30px}.twofa-countdown{position:absolute;top:14px;right:0}.twofa-countdown span{font-size:21px}.twofa-countdown small{font-size:8px}.twofa-hero h1{font-size:34px}}

/* Catalog uses the same printed-ticket art and category icon system as home. */
.catalog-page{padding-top:18px}
.catalog-hero{min-height:275px;border-radius:6px;overflow:hidden;position:relative;background:#fff9f0 url('/assets/hero-categories.png') right center/cover no-repeat;padding:28px 58px}
.catalog-hero-copy{position:relative;z-index:1;max-width:590px}
.catalog-hero-kicker{font-size:11px;font-weight:850;letter-spacing:.33em;color:#1b3454;margin:0 0 10px}
.catalog-hero h1{font-size:clamp(46px,4.8vw,69px);font-weight:950;letter-spacing:-.08em;line-height:1.08;color:#10213f;margin:0}
.catalog-hero-stroke{display:block;width:318px;height:10px;background:#f45d30;clip-path:polygon(0 55%,100% 0,100% 100%,0 100%);transform:rotate(-4deg);margin:8px 0 18px 5px}
.catalog-hero-copy>p:last-child{font-size:15px;line-height:1.5;font-weight:710;color:#243a59;margin:0}
.catalog-search{margin:17px 15px 18px}
.catalog-categories{border-top:1px solid #cbd7e7;border-bottom:1px solid #cbd7e7}
.catalog-categories-heading{display:flex;justify-content:space-between;align-items:center;padding:13px 4px 5px}
.catalog-categories-heading strong{font-size:14px;color:#172c4b}
.catalog-categories-heading a{font-size:13px;font-weight:820;color:#0b59d3}
.catalog-categories-heading a[aria-current=page]{color:#14294a}
.catalog-categories-heading a span{font-size:18px;margin-left:5px}
.catalog-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:89px}
.catalog-category-grid>a{display:flex;align-items:center;gap:14px;min-width:0;padding:10px 21px 13px;position:relative;border-bottom:4px solid transparent}
.catalog-category-grid>a+ a{border-left:1px solid #cfdae9}
.catalog-category-grid>a:hover{background:#f1f6ff}
.catalog-category-grid>a[aria-current=page]{background:#ecf4ff;border-bottom-color:#0c5cdc}
.catalog-category-grid .category-icon{width:54px;height:54px;font-size:32px}
.catalog-category-grid .category-icon .ui-icon{width:32px;height:32px}
.catalog-category-grid .category-copy strong{font-size:17px;letter-spacing:-.02em}
.catalog-category-grid .category-copy small{font-size:11px;color:#667b98;text-overflow:clip}
.catalog-category-arrow{color:#0b5ddd;font-size:22px;margin-left:auto;line-height:1}
.catalog-list{padding:24px 0 45px!important}
.catalog-list .section-top{align-items:baseline;margin-bottom:16px}
.catalog-list .section-top>div{display:flex;align-items:baseline;gap:21px}
.catalog-list .section-top h2{font-size:26px;color:#152742}
.catalog-list .section-top p{font-size:13px;margin:0;color:#647792}
.catalog-list .result-count{font-size:12px;color:#7083a0;white-space:nowrap}
.catalog-art-intro{background:#f0f6ff;border:1px solid #c7d9f1;border-radius:5px;min-height:55px;padding:14px 20px;margin-bottom:17px;display:flex;align-items:center;gap:21px;color:#233e68}
.catalog-art-intro strong{font-size:14px;white-space:nowrap}
.catalog-art-intro span{font-size:12px;line-height:1.55;color:#536f94}
.series-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:start}
.series-card{min-width:0;border:1px solid #d4dfec;border-radius:7px;background:#fff;overflow:hidden;box-shadow:0 2px 5px #1d3c6510}
.series-poster{height:auto;aspect-ratio:1200/640;position:relative;overflow:hidden;background:#142948;color:#fff}
.series-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .24s ease}
.series-card:hover .series-poster img{transform:scale(1.035)}
.series-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1f3bb8 0%,#0b1f3b78 44%,transparent 83%)}
.series-poster-light{color:#192d4a;background:#fff5e9}
.series-poster-light:after{background:linear-gradient(90deg,#fffaf3e3 0%,#fffaf398 50%,transparent 88%)}
.series-kicker,.series-poster h3,.series-poster p{position:absolute;z-index:1;left:21px;display:block}
.series-kicker{top:17px;font-size:8px;font-weight:850;letter-spacing:.22em;opacity:.8}
.series-poster h3{top:46px;margin:0;font-size:clamp(25px,2.5vw,39px);font-weight:850;line-height:1;letter-spacing:-.045em;max-width:80%;white-space:nowrap;text-shadow:0 2px 7px #10274745}
.series-poster p{bottom:18px;margin:0;font-size:12px;font-weight:740;line-height:1.25;text-shadow:0 1px 4px #1027474d}
.series-poster-light h3,.series-poster-light p{text-shadow:none}
.series-details summary{display:flex;justify-content:space-between;align-items:center;min-height:55px;padding:10px 20px;cursor:pointer;list-style:none;color:#687d99;font-size:13px;font-weight:720}
.series-details summary::-webkit-details-marker{display:none}
.series-details summary:hover{color:#0b5bd7;background:#f4f8ff}
.series-open{color:#0c5bd8;font-size:21px;font-weight:500;line-height:1}
.series-details[open] .series-open{transform:rotate(45deg)}
.series-details ul{border-top:1px solid #dbe4ef;margin:0;padding:9px 20px 13px 34px;max-height:218px;overflow:auto;color:#324b70;font-size:12px;line-height:1.55}
.series-details li{padding:5px 0}
.catalog-no-match{padding:46px 22px;text-align:center;border:1px solid #d4dfeb;background:#fff}
.catalog-no-match h3{font-size:22px;margin:0 0 8px;color:#172b4b}
.catalog-no-match p{font-size:13px;color:#6b7e98;margin:0 0 18px}
.catalog-no-match a{color:#0c59d5;font-size:14px;font-weight:800}
.catalog-page .grid{gap:15px}
.catalog-page .card{border-color:#d4dfec;box-shadow:0 2px 5px #1d3c6510}
.catalog-page .card-media{height:180px}
.catalog-page .card>.poster-surface{height:180px}
.catalog-page .card-body{padding:16px 20px 15px}
.catalog-page .card h3{font-size:17px;line-height:1.35;min-height:46px;margin:8px 0 0}
.catalog-page .card p{font-size:12px;line-height:1.6;color:#647894}
.catalog-page .card-bottom{border-top-color:#d5e1ef}
.catalog-page .card-action{font-size:13px;font-weight:820;color:#0b59d4;white-space:nowrap}
@media(max-width:1100px){.catalog-hero{background-position:61% center}.catalog-category-grid>a{padding-inline:12px;gap:9px}.catalog-category-grid .category-icon{width:45px;height:45px}.catalog-category-grid .category-icon .ui-icon{width:28px;height:28px}.catalog-category-grid .category-copy strong{font-size:14px}.catalog-category-grid .category-copy small{font-size:10px}.catalog-category-arrow{font-size:18px}.series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.catalog-page{padding-top:10px}.catalog-hero{min-height:247px;padding:22px;background-size:auto 100%;background-position:61% center}.catalog-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffdfaed 0%,#fffdfade 44%,#fffdfa8a 74%,transparent 100%)}.catalog-hero-copy{max-width:310px}.catalog-hero-kicker{font-size:9px;letter-spacing:.2em;margin-bottom:11px}.catalog-hero h1{font-size:40px}.catalog-hero-stroke{width:217px;height:7px;margin:8px 0 18px}.catalog-hero-copy>p:last-child{font-size:12px;max-width:240px}.catalog-search{margin:14px 0 15px}.catalog-categories-heading{padding:10px 2px 6px}.catalog-categories-heading strong{font-size:13px}.catalog-categories-heading a{font-size:12px}.catalog-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-category-grid>a{min-height:75px;padding:9px 7px;gap:8px}.catalog-category-grid>a+ a{border-left:0}.catalog-category-grid>a:nth-child(even){border-left:1px solid #cfdae9}.catalog-category-grid>a:nth-child(-n+2){border-bottom:1px solid #cfdae9}.catalog-category-grid .category-icon{width:44px;height:44px}.catalog-category-grid .category-copy strong{font-size:13px}.catalog-category-grid .category-copy small{font-size:9px}.catalog-category-arrow{display:none}.catalog-list{padding-top:18px!important}.catalog-list .section-top>div{display:block}.catalog-list .section-top h2{font-size:23px}.catalog-list .section-top p{font-size:11px;margin-top:4px}.catalog-list .result-count{font-size:10px}.catalog-art-intro{display:block;padding:12px 15px}.catalog-art-intro strong{font-size:13px}.catalog-art-intro span{display:block;margin-top:4px;font-size:11px}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.series-poster h3{font-size:clamp(19px,4.5vw,27px);top:35px;left:13px}.series-kicker{top:11px;left:13px;font-size:6px}.series-poster p{left:13px;bottom:10px;font-size:9px}.series-details summary{min-height:47px;padding:8px 11px;font-size:11px}.series-details ul{padding:7px 10px 10px 25px;font-size:11px}.catalog-page .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.catalog-page .card-media,.catalog-page .card>.poster-surface{height:auto;aspect-ratio:1200/640}.catalog-page .card-body{padding:11px}.catalog-page .card h3{font-size:13px;min-height:36px}.catalog-page .card p{font-size:11px;min-height:35px}.catalog-page .card-action{font-size:11px}}
@media(max-width:420px){.catalog-hero h1{font-size:35px}.catalog-hero:before{background:linear-gradient(90deg,#fffdfa 0%,#fffdfaea 52%,#fffdfa9f 78%,transparent 100%)}.catalog-list .section-top{align-items:end}.catalog-list .result-count{max-width:110px;text-align:right;white-space:normal}.series-grid,.catalog-page .grid{grid-template-columns:1fr;gap:12px}.series-poster{aspect-ratio:1200/540}.series-poster h3{top:49px;left:20px;font-size:32px}.series-kicker{top:15px;left:20px;font-size:8px}.series-poster p{left:20px;bottom:18px;font-size:12px}.series-details summary{min-height:52px;padding:10px 19px;font-size:13px}.catalog-page .card-media,.catalog-page .card>.poster-surface{aspect-ratio:1200/540}.catalog-page .card-body{padding:14px 17px}.catalog-page .card h3{font-size:16px}.catalog-page .card-action{font-size:13px}}
.product-page .breadcrumbs{display:flex;align-items:center;gap:9px;min-width:0;color:#72839c;padding:28px 0 22px;border-bottom:1px solid #d3deea;margin-bottom:25px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-page .breadcrumbs span:last-child{overflow:hidden;text-overflow:ellipsis}
.product-page .product-detail{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:47px;margin:0 0 47px;align-items:start}
.product-page .product-visual{min-height:370px;border:0;background:#eff4fb;border-radius:6px;display:block}
.product-page .product-visual>img{width:100%;height:370px;object-fit:contain;display:block}
.product-page .product-visual>.poster-surface{width:100%;height:370px;border-radius:6px}
.product-page .product-visual .poster-kicker{font-size:11px;top:26px;left:35px}
.product-page .product-visual .poster-title{font-size:clamp(39px,4.2vw,65px);top:90px;left:35px}
.product-page .product-visual .poster-spec{font-size:18px;bottom:35px;left:35px}
.product-page .product-info{padding:8px 0 0}
.product-page .product-info .eyebrow{font-size:11px;margin:0 0 12px;letter-spacing:.2em}
.product-page .product-info h1{font-size:clamp(31px,3vw,43px);line-height:1.22;margin:0 0 15px;color:#152844}
.product-page .product-summary{font-size:15px;line-height:1.75;color:#586e8a;margin:0}
.product-page .product-price{font-size:36px;color:#0f346f;margin:25px 0 18px;line-height:1.1}
.product-page .product-info dl{border-color:#d3dfed;margin:0 0 21px;padding:9px 0}
.product-page .product-info dl div{margin:10px 0;grid-template-columns:105px 1fr;color:#263e5e}
.product-page .product-info dt{color:#70829b}
.product-page .checkout-disabled{min-width:225px;font-size:14px;justify-content:center;padding:12px 20px}
.product-page .small-note{margin:13px 0 0;font-size:12px;color:#70839d;line-height:1.6}
.product-page .small-note a{color:#0c59d4;font-weight:780;margin-left:3px}
.product-page .detail-copy{max-width:none;border-color:#d3dfed;padding:25px 0 42px}
.product-page .detail-copy h2{font-size:26px;margin:0 0 15px;color:#162b4a}
.product-page .detail-copy p{max-width:850px}
/* Exact-name raster covers replace the old shared brand backdrops. */
.poster-surface.poster-complete:after{display:none}
.poster-surface.poster-complete img{object-fit:contain;transform:none!important}
.featured-card .poster-complete,.catalog-page .card>.poster-complete,.product-page .product-visual>.poster-complete{height:auto;aspect-ratio:1200/640}
.product-page .product-visual:has(>.poster-complete){min-height:0;background:transparent}
.product-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.product-preview-card{min-width:0;overflow:hidden;border:1px solid #d2ddeb;border-radius:7px;background:#fff;box-shadow:0 2px 7px #203c6610}
.product-preview-image{display:block;aspect-ratio:1200/640;overflow:hidden;background:#f1f5fa}
.product-preview-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.product-preview-image:hover img{transform:scale(1.035)}
.product-preview-meta{padding:14px 15px 16px;border-top:1px solid #e5ebf2}
.product-preview-meta>span{font-size:11px;font-weight:850;color:#0b58d5;letter-spacing:.07em}
.product-preview-meta h3{font-size:14px;line-height:1.45;min-height:40px;margin:7px 0 12px;color:#14294b}
.product-preview-meta>a{display:block;border-top:1px solid #d7e1ed;padding-top:10px;color:#0b58d5;font-size:12px;font-weight:850;text-align:right}
@media(max-width:1050px){.product-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.product-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-preview-meta{padding:10px}.product-preview-meta h3{font-size:12px;min-height:48px}.product-preview-meta>a{font-size:11px}}
@media(max-width:420px){.product-preview-grid{grid-template-columns:1fr;gap:13px}.product-preview-meta{padding:12px 15px}.product-preview-meta h3{font-size:15px;min-height:0;margin-bottom:15px}.featured-card .poster-complete,.catalog-page .card>.poster-complete{aspect-ratio:1200/640}}
@media(max-width:1450px){.footer-note{display:none}}
@media(min-width:761px) and (max-width:1100px){.footer-brand{width:auto;flex:1;min-width:245px}.footer-promise{display:none}.footer-contact,.footer-order{min-width:0}}
@media(max-width:760px){.product-page .breadcrumbs{padding:18px 0 14px;margin-bottom:18px;font-size:11px}.product-page .product-detail{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.product-page .product-visual{min-height:0}.product-page .product-visual>img{height:auto;aspect-ratio:1200/640;object-fit:contain}.product-page .product-visual>.poster-surface{height:auto;aspect-ratio:1200/640}.product-page .product-visual .poster-kicker{top:15px;left:20px;font-size:8px}.product-page .product-visual .poster-title{top:45px;left:20px;font-size:32px}.product-page .product-visual .poster-spec{bottom:17px;left:20px;font-size:12px}.product-page .product-info{padding:0}.product-page .product-info h1{font-size:29px}.product-page .product-price{font-size:31px;margin:17px 0}.product-page .detail-copy{padding:20px 0 30px}.product-page .detail-copy h2{font-size:23px}}

/* Product covers use the original product visual; the title stays live HTML. */
.poster-surface.cover-dynamic,.featured-card>.cover-dynamic,.catalog-page .card>.cover-dynamic,.product-page .product-visual>.cover-dynamic{height:auto;aspect-ratio:1200/640;container-type:inline-size;background:#f7f9fc;color:#142747}
.poster-surface.cover-dynamic:after{display:none}
.cover-dynamic .cover-copy{position:absolute;inset:0 auto 0 0;width:51%;z-index:2;box-sizing:border-box;padding:5.2% 4.8%;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(115deg,#f9fbff 0%,#eef4ff 100%);box-shadow:12px 0 30px #102d4c1a}
.cover-dynamic .cover-brand{display:flex;align-items:center;gap:2.2cqw;min-width:0;color:#175bd3;font-size:clamp(8px,2.35cqw,15px);font-weight:850;line-height:1.1;white-space:nowrap}
.cover-dynamic .cover-brand img{position:static;display:block;width:8.2cqw;height:8.2cqw;max-width:54px;max-height:54px;object-fit:contain;transform:none!important;flex:none;background:#fff;border:1px solid #dce7f5;border-radius:22%;box-sizing:border-box;padding:1.25cqw}
.cover-dynamic .cover-generic-mark{display:grid;place-items:center;width:8.2cqw;height:8.2cqw;background:#1260d7;border-radius:22%;color:white;font-size:5cqw;line-height:1}
.cover-dynamic .cover-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-width:100%;margin-top:auto;margin-bottom:auto;font-size:clamp(13px,4.2cqw,30px);line-height:1.2;letter-spacing:-.035em;font-weight:900;overflow-wrap:anywhere;text-wrap:balance}
.cover-dynamic .cover-name-medium{font-size:clamp(11px,3.5cqw,25px);-webkit-line-clamp:4}
.cover-dynamic .cover-name-long{font-size:clamp(10px,2.9cqw,21px);-webkit-line-clamp:5}
.cover-dynamic .cover-rule{display:block;width:38%;height:3px;background:#ff6334;transform:rotate(-3deg);transform-origin:left center;flex:none}
.cover-dynamic .cover-type{margin-top:1.5cqw;font-size:clamp(8px,1.8cqw,12px);font-weight:750;letter-spacing:.12em;color:#59708e}
.cover-dynamic .cover-visual{position:absolute;inset:0 0 0 51%;display:grid;place-items:center;overflow:hidden;background:#e7eef9}
.cover-dynamic .cover-visual img{position:static;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:none!important;transition:transform .25s ease!important}
.cover-dynamic:hover .cover-visual img{transform:scale(1.045)!important}
.cover-dynamic .cover-logo-large{display:grid;place-items:center;width:31cqw;height:31cqw;max-width:180px;max-height:180px;border-radius:22%;background:#ffffffdb;box-shadow:0 12px 35px #132e5520}
.cover-dynamic .cover-logo-large img{position:static;width:73%;height:73%;object-fit:contain;transform:none!important}
.cover-dynamic .cover-logo-large .cover-generic-mark{width:75%;height:75%;font-size:17cqw}
.cover-claude .cover-copy,.cover-capcut .cover-copy{background:linear-gradient(115deg,#fffaf3,#ffecdc)}
.cover-claude .cover-visual,.cover-capcut .cover-visual{background:#f5d3b8}
.cover-claude .cover-brand,.cover-capcut .cover-brand{color:#d6592f}
.cover-grok .cover-copy,.cover-tiktok .cover-copy{background:linear-gradient(115deg,#17283c,#0b1729);color:#fff}
.cover-grok .cover-visual,.cover-tiktok .cover-visual{background:#0b1729}
.cover-grok .cover-brand,.cover-tiktok .cover-brand{color:#dcecff}
.cover-grok .cover-type,.cover-tiktok .cover-type{color:#a8bad5}
.cover-telegram .cover-visual{background:#dff5ff}
.cover-apple .cover-visual,.cover-gmail .cover-visual,.cover-outlook .cover-visual{background:#fff}
.cover-verify .cover-visual{background:#d6f5ec}
.product-page .product-visual:has(>.cover-dynamic){min-height:0;background:transparent}
.product-preview-card>.cover-dynamic{width:100%}
@media(max-width:760px){.cover-dynamic .cover-copy{padding:6% 5%}.cover-dynamic .cover-brand{font-size:clamp(8px,2.7cqw,13px)}.cover-dynamic .cover-name{font-size:clamp(11px,4cqw,23px)}.cover-dynamic .cover-name-medium{font-size:clamp(10px,3.3cqw,20px);-webkit-line-clamp:4}.cover-dynamic .cover-name-long{font-size:clamp(9px,2.8cqw,18px);-webkit-line-clamp:5}.cover-dynamic .cover-type{display:none}}

/* Live Dujiao checkout, kept visually aligned with the editorial storefront. */
.live-checkout,.checkout-state{margin:8px 0 36px;padding:30px 34px;border:1px solid #cfdcec;border-radius:8px;background:linear-gradient(135deg,#fffdfa,#f5f9ff);box-shadow:0 12px 35px #15355c0b}
.checkout-heading{padding-bottom:20px;margin-bottom:21px;border-bottom:1px solid #d6e0ec}
.checkout-heading>span{display:block;color:#0c5ad8;font-size:10px;font-weight:900;letter-spacing:.16em}
.checkout-heading h2{margin:5px 0 4px;font-size:25px;color:#142a49;letter-spacing:-.035em}
.checkout-heading p{margin:0;color:#6a7c94;font-size:12px}
.live-checkout>label,.checkout-two label,#checkout-confirm>label:not(.checkout-agree){display:grid;gap:7px;color:#263b58;font-size:13px;font-weight:750}
.live-checkout input,.live-checkout select{width:100%;min-height:46px;border:1px solid #cbd8e8;border-radius:5px;padding:10px 12px;background:#fff;color:#182d4b;font:inherit;outline:none}
.live-checkout input:focus,.live-checkout select:focus{border-color:#1763df;box-shadow:0 0 0 3px #1763df16}
.checkout-two{display:grid;grid-template-columns:.38fr 1fr;gap:14px;margin:14px 0}
.checkout-secondary{width:100%;margin-top:17px;padding:12px;border:1px solid #1762dd;border-radius:5px;background:#fff;color:#0f58d2;font-size:14px;font-weight:850}
#checkout-confirm{margin-top:20px;padding-top:20px;border-top:1px solid #d6e0ec}
#checkout-confirm[hidden]{display:none}
.checkout-amount{margin:0 0 16px;color:#123a75;font-size:22px;font-weight:900}
.checkout-agree{display:flex;align-items:center;gap:9px;margin:15px 0;color:#536984;font-size:12px}
.checkout-agree input{width:auto;min-height:0}
#checkout-submit{width:100%;border:0;cursor:pointer}
#checkout-submit:disabled{cursor:not-allowed;background:#aab7c9}
.checkout-result{min-height:20px;margin:12px 0 0;color:#365274;font-size:12px}
.checkout-state{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.checkout-state strong{font-size:23px;color:#172d4c}
.checkout-state span{font-size:13px;color:#667b96}
.checkout-state .hero-cta{margin-top:8px}
@media(min-width:900px){.live-checkout{max-width:760px}}
@media(max-width:760px){.live-checkout,.checkout-state{padding:20px;margin-bottom:26px}.checkout-heading h2{font-size:21px}.checkout-two{grid-template-columns:1fr}.checkout-amount{font-size:20px}}