:root{
--bg:#FFFFFF;
--bg2:#FFF6ED;
--bg3:#FFF9E9;
--ink:#14141A;
--ink2:#33333D;
--muted:#6E6E7A;
--line:#EFE7DF;
--line2:#E3DACF;
--pri:#F2451B;
--pri2:#C7310F;
--pri3:#FF8A3C;
--acc:#FFC400;
--acc2:#FFE471;
--dark:#14141A;
--sh:5px 5px 0 var(--ink);
--sh-soft:4px 4px 0 var(--pri);
--font:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei','WenQuanYi Micro Hei',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.75;letter-spacing:.2px}
img{max-width:100%;height:auto;display:block}
figure,figcaption,blockquote,dl,dd,dt,table,th,td{margin:0}
h1,h2,h3,h4,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
a{color:var(--pri2);text-decoration:none}
a:hover{color:var(--pri)}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 22px}
.top{position:sticky;top:0;z-index:40;background:#fff;border-bottom:3px solid var(--ink)}
.top__in{display:flex;align-items:center;gap:16px;padding-top:9px;padding-bottom:9px}
.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.brand img{width:40px;height:40px;border-radius:9px}
.brand__txt{font-size:19px;font-weight:900;color:var(--ink);letter-spacing:1px}
.nav{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}
.nav a{display:block;padding:6px 12px;border-radius:5px;color:var(--ink2);font-size:14.5px;font-weight:700;line-height:1.4}
.nav a:hover{background:var(--acc);color:var(--ink)}
.nav a[aria-current="page"]{background:var(--pri);color:#fff}
.top__dl{flex:0 0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border:2px solid var(--ink);border-radius:6px;background:linear-gradient(100deg,var(--pri),var(--pri3));color:#fff;font-size:15px;font-weight:900;letter-spacing:.6px;box-shadow:3px 3px 0 var(--ink);transition:transform .18s ease,box-shadow .18s ease}
.btn:hover{color:#fff;transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.btn--ghost{background:#fff;color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.btn--ghost:hover{color:var(--ink);background:var(--acc)}
.btn--sm{padding:8px 14px;font-size:14px}
.hero{position:relative;overflow:hidden;background:
repeating-linear-gradient(115deg,rgba(242,69,27,.055) 0 10px,rgba(242,69,27,0) 10px 26px),
linear-gradient(160deg,#FFFFFF 0%,#FFF8F0 52%,#FFF3E4 100%)}
.hero::after{content:"";position:absolute;right:-70px;top:-40px;width:340px;height:340px;background:linear-gradient(140deg,var(--acc) 0%,rgba(255,196,0,0) 72%);opacity:.5;transform:rotate(14deg);pointer-events:none}
.hero__in{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .96fr;gap:44px;align-items:center;padding-top:58px;padding-bottom:62px}
.hero__tag{display:inline-block;padding:5px 13px;border:2px solid var(--ink);border-radius:999px;background:var(--acc);font-size:13px;font-weight:800;letter-spacing:1px}
.hero h1{margin-top:18px;font-size:clamp(30px,4.4vw,50px);font-weight:900;line-height:1.2;letter-spacing:1px}
.hero h1 em{font-style:normal;color:var(--pri);background:linear-gradient(transparent 62%,var(--acc2) 62%)}
.hero__lead{margin-top:18px;max-width:600px;color:var(--ink2);font-size:16.5px}
.hero__lead b{color:var(--pri2)}
.hero__cta{margin-top:26px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hero__note{font-size:13.5px;color:var(--muted)}
.hero__shot{max-width:300px;margin:0 auto;background:#fff;border:2px solid var(--ink);border-radius:14px;padding:9px;box-shadow:var(--sh)}
.hero__shot img{width:100%;height:auto;border-radius:8px}
.hero__shot figcaption{margin-top:9px;font-size:13px;color:var(--muted);text-align:center;line-height:1.6}
.chans{background:var(--dark)}
.chans__in{padding-top:22px;padding-bottom:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.chans__ttl{color:#fff;font-size:14px;font-weight:800;letter-spacing:2px}
.chans__list{display:flex;gap:9px;flex-wrap:wrap}
.chans__list a{display:inline-block;padding:7px 15px;border:2px solid #fff;border-radius:999px;color:#fff;font-size:14px;font-weight:800}
.chans__list a:hover{background:var(--acc);border-color:var(--acc);color:var(--ink)}
.sec{padding-top:66px;padding-bottom:66px}
.sec--tint{background:var(--bg2)}
.sec--tint2{background:var(--bg3)}
.sec__head{max-width:760px;margin-bottom:34px}
.sec__head--mid{margin-left:auto;margin-right:auto;text-align:center}
.kicker{display:inline-block;padding:4px 11px;border:2px solid var(--ink);border-radius:5px;background:var(--acc);font-size:12.5px;font-weight:900;letter-spacing:1.5px}
.sec h2{margin-top:14px;font-size:clamp(23px,2.7vw,32px);font-weight:900;line-height:1.3;letter-spacing:.6px}
.sec h2 span{color:var(--pri)}
.sub{margin-top:12px;color:var(--ink2);font-size:15.5px}
.cat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cat__box{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:24px 24px 22px;box-shadow:var(--sh)}
.cat__box h3{display:flex;align-items:center;gap:10px;font-size:18.5px;font-weight:900}
.cat__box h3 i{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid var(--ink);border-radius:8px;background:var(--acc);font-style:normal;font-size:15px;font-weight:900}
.cat__box p{margin-top:10px;color:var(--muted);font-size:14.5px}
.cat__tags{margin-top:16px;display:flex;flex-wrap:wrap;gap:9px}
.cat__tags a{display:inline-block;padding:5px 12px;border:1px solid var(--line2);border-radius:6px;background:var(--bg2);color:var(--ink2);font-size:13.5px;font-weight:700}
.cat__tags a:hover{background:var(--pri);border-color:var(--pri);color:#fff}
.qual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.qual__card{position:relative;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:26px 22px 24px;box-shadow:var(--sh)}
.qual__card::before{content:"";position:absolute;left:0;top:0;width:0;height:0;border-top:26px solid var(--pri);border-right:26px solid transparent;border-top-left-radius:9px}
.qual__card h3{margin-top:8px;font-size:17.5px;font-weight:900;line-height:1.4}
.qual__card p{margin-top:11px;color:var(--ink2);font-size:14.5px}
.qual__card b{color:var(--pri2)}
.shots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.shot{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:9px;box-shadow:var(--sh)}
.shot img{width:100%;height:auto;border-radius:7px}
.shot figcaption{margin-top:10px;font-size:13px;color:var(--muted);line-height:1.65;padding:0 3px 4px}
.faqs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.faq{background:#fff;border:2px solid var(--ink);border-radius:10px;padding:18px 20px;box-shadow:4px 4px 0 var(--acc)}
.faq summary{font-size:16px;font-weight:900;cursor:pointer;line-height:1.5;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"＋";color:var(--pri);font-weight:900;margin-right:8px}
.faq[open] summary::before{content:"－"}
.faq p{margin-top:12px;color:var(--ink2);font-size:14.5px}
.faq__more{margin-top:30px;text-align:center}
.revs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.rev{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:24px 22px;box-shadow:var(--sh)}
.rev__who{display:flex;align-items:center;gap:11px}
.rev__av{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:2px solid var(--ink);border-radius:50%;background:var(--acc2);font-weight:900;font-size:17px;flex:0 0 auto}
.rev__nm{font-size:15.5px;font-weight:900}
.rev__mt{font-size:13px;color:var(--muted)}
.rev q{display:block;margin-top:14px;font-size:14.5px;color:var(--ink2);quotes:"\201C" "\201D"}
.rev__star{margin-top:13px;color:var(--pri);font-size:14px;letter-spacing:2px}
.cta{background:var(--dark);position:relative;overflow:hidden}
.cta::after{content:"";position:absolute;left:-60px;bottom:-90px;width:300px;height:300px;background:radial-gradient(circle,rgba(242,69,27,.55),rgba(242,69,27,0) 68%)}
.cta__in{position:relative;z-index:2;padding-top:60px;padding-bottom:60px;text-align:center}
.cta h2{color:#fff;font-size:clamp(23px,2.7vw,31px);font-weight:900;line-height:1.3}
.cta p{margin-top:14px;color:#CFCFD8;font-size:15px}
.cta__btns{margin-top:26px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.cta .btn{color:#fff}
.cta .btn--ghost{background:transparent;color:#fff;border-color:#fff;box-shadow:3px 3px 0 rgba(255,255,255,.55)}
.cta .btn--ghost:hover{background:var(--acc);color:var(--ink);border-color:var(--acc)}
.foot{background:#0E0E13;color:#B9B9C4}
.foot__in{padding-top:52px;padding-bottom:26px}
.foot__grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.3fr;gap:30px}
.foot h4{color:#fff;font-size:15px;font-weight:900;letter-spacing:1px;margin-bottom:14px}
.foot p{font-size:14px;line-height:1.8}
.foot li{margin-bottom:9px}
.foot a{color:#CFCFD8;font-size:14px}
.foot a:hover{color:var(--acc)}
.foot .btn{display:inline-flex;margin-top:6px;color:#fff}
.foot .btn:hover{color:#fff}
.foot__bar{margin-top:36px;padding-top:18px;border-top:1px solid #2A2A33;font-size:13px;color:#8B8B96;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ph{background:
repeating-linear-gradient(115deg,rgba(255,196,0,.10) 0 12px,rgba(255,196,0,0) 12px 28px),
linear-gradient(150deg,#14141A 0%,#24242E 100%)}
.ph__in{padding-top:52px;padding-bottom:50px;display:grid;grid-template-columns:1.12fr .88fr;gap:40px;align-items:center}
.ph__txt h1{color:#fff;font-size:clamp(27px,3.6vw,40px);font-weight:900;line-height:1.25;letter-spacing:.8px}
.ph__txt h1 em{font-style:normal;color:var(--acc)}
.ph__lead{margin-top:16px;color:#D5D5DE;font-size:16px}
.ph__shot{max-width:262px;margin:0 auto;background:#fff;border:2px solid var(--acc);border-radius:14px;padding:8px;box-shadow:5px 5px 0 rgba(255,196,0,.6)}
.ph__shot img{width:100%;height:auto;border-radius:8px}
.ph__shot figcaption{margin-top:8px;font-size:12.5px;color:#6E6E7A;text-align:center;line-height:1.6}
.crumb{font-size:13.5px;color:#9C9CA8;margin-bottom:14px}
.crumb a{color:var(--acc)}
.doc{max-width:900px}
.doc h2{margin-top:44px;font-size:clamp(21px,2.4vw,27px);font-weight:900;line-height:1.35}
.doc h2:first-of-type{margin-top:0}
.doc h2 i{display:inline-block;width:12px;height:12px;background:var(--acc);border:2px solid var(--ink);margin-right:10px;vertical-align:middle}
.doc h3{margin-top:26px;font-size:17.5px;font-weight:900}
.doc p{margin-top:14px;color:var(--ink2);font-size:15.5px}
.doc ul{margin-top:14px}
.doc li{position:relative;padding-left:20px;margin-bottom:10px;color:var(--ink2);font-size:15.5px}
.doc li::before{content:"";position:absolute;left:2px;top:11px;width:8px;height:8px;background:var(--pri);transform:rotate(45deg)}
.doc b{color:var(--pri2)}
.doc__fig{max-width:400px;margin:28px auto 0;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:9px;box-shadow:var(--sh)}
.doc__fig img{width:100%;height:auto;border-radius:7px}
.doc__fig figcaption{margin-top:10px;font-size:13px;color:var(--muted);line-height:1.65;text-align:center;padding-bottom:4px}
.doc__note{margin-top:26px;padding:20px 22px;background:var(--bg2);border:2px solid var(--ink);border-left:8px solid var(--pri);border-radius:10px}
.doc__note h3{margin-top:0}
.doc__note p:first-of-type{margin-top:10px}
.tab{margin-top:22px;border:2px solid var(--ink);border-radius:10px;overflow:hidden}
.tab table{width:100%;border-collapse:collapse}
.tab th,.tab td{padding:12px 15px;text-align:left;font-size:14.5px;border-bottom:1px solid var(--line2)}
.tab th{background:var(--acc2);font-weight:900;color:var(--ink)}
.tab tr:last-child td{border-bottom:0}
.tab td:first-child{font-weight:800;color:var(--ink)}
.tab td{color:var(--ink2)}
.qlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.rel{background:var(--bg3)}
.rel__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rel__card{display:block;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:22px;box-shadow:4px 4px 0 var(--acc);color:var(--ink);transition:box-shadow .18s ease,transform .18s ease}
.rel__card:hover{color:var(--ink);box-shadow:4px 4px 0 var(--pri);transform:translate(1px,1px)}
.rel__card strong{display:block;font-size:16.5px;font-weight:900}
.rel__card span{display:block;margin-top:9px;font-size:14px;color:var(--muted);line-height:1.7}
.rise{animation:stamp .5s cubic-bezier(.2,.7,.3,1) both}
.d1{animation-delay:.06s}
.d2{animation-delay:.12s}
.d3{animation-delay:.18s}
@keyframes stamp{from{opacity:0;transform:translateX(-14px) translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rise{animation:none;opacity:1;transform:none}}
@media (max-width:980px){
.hero__in,.ph__in{grid-template-columns:1fr;gap:30px}
.hero__shot{max-width:264px}
.ph__shot{max-width:238px}
.cat,.qual,.shots,.revs,.rel__grid,.faqs,.qlist{grid-template-columns:repeat(2,minmax(0,1fr))}
.foot__grid{grid-template-columns:1fr 1fr;gap:26px}
.sec{padding-top:52px;padding-bottom:52px}
}
@media (max-width:620px){
.top__in{flex-wrap:wrap;gap:10px;padding-top:8px;padding-bottom:8px}
.brand{order:1}
.top__dl{order:2;margin-left:auto}
.nav{order:3;flex:1 0 100%;margin-left:0;flex-wrap:nowrap;overflow-x:auto;gap:2px;padding-bottom:2px}
.nav a{font-size:13px;padding:6px 7px;white-space:nowrap}
.nav a[aria-current="page"]{padding:6px 7px}
.cat,.qual,.shots,.revs,.rel__grid,.faqs,.qlist{grid-template-columns:1fr}
.foot__grid{grid-template-columns:1fr}
.hero__in{padding-top:40px;padding-bottom:44px}
.hero__shot{max-width:236px}
.ph__shot{max-width:212px}
.sec{padding-top:44px;padding-bottom:44px}
.chans__in{padding-top:18px;padding-bottom:18px}
.shot{padding:8px}
.tab th,.tab td{padding:10px 11px;font-size:13.5px}
}