:root{
  --ink:#1A1A1A;
  --white:#ffffff;
  --paper:#FBF7F0;
  --rose:#D84878;
  --green:#123B32;
  --line:2px solid var(--ink);
}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.7;font-size:16px}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.wrap{width:1100px;max-width:calc(100% - 40px);margin:0 auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.gbtn{display:inline-block;border:var(--line);padding:11px 22px;font-weight:700;font-size:15px;cursor:pointer;text-align:center;background:var(--white);transition:transform .12s ease}
.gbtn:hover{transform:translate(-2px,-2px)}
.gbtn-lg{padding:14px 30px;font-size:16px}
.gbtn-rose{background:var(--rose);color:var(--white)}
.gbtn-rose:hover{box-shadow:5px 5px 0 var(--ink)}
.gbtn-green{background:var(--green);color:var(--white)}
.gbtn-green:hover{box-shadow:4px 4px 0 var(--ink)}
.gbtn-outline{background:var(--white);color:var(--green);border-color:var(--green)}
.gbtn-outline:hover{background:var(--green);color:var(--white)}

.gbar{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:3px solid var(--ink)}
.gbar-in{display:flex;align-items:center;gap:22px;height:68px}
.glogo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.glogo img{border:2px solid var(--ink)}
.glogo-t{display:flex;flex-direction:column;line-height:1.25}
.glogo-t strong{font-size:19px;letter-spacing:.5px}
.glogo-t small{font-size:11px;color:#555}
.gnav{display:flex;gap:4px;margin-left:auto}
.gnav a{padding:7px 12px;font-size:14.5px;font-weight:700;border:2px solid transparent;white-space:nowrap}
.gnav a:hover,.gnav a.on{border-color:var(--ink);background:var(--white)}
.gbar-r{display:flex;align-items:center;gap:12px;flex-shrink:0}
.gbar-cta{padding:9px 16px;font-size:14px}
.burger{display:none;width:42px;height:42px;border:var(--line);background:var(--white);cursor:pointer;padding:8px;flex-direction:column;justify-content:space-between}
.burger span{display:block;height:3px;background:var(--ink)}

.ghe{background:var(--paper);border-bottom:3px solid var(--ink);padding:64px 0 72px}
.ghe-in{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.gkick{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:1.5px;border:var(--line);padding:6px 12px;background:var(--white);margin:0 0 18px}
.gkick i{display:inline-block;width:10px;height:10px;background:var(--green)}
h1{font-size:60px;line-height:1;margin:0 0 16px;letter-spacing:2px}
.lead{font-size:16px;margin:0 0 26px}
.ghe-acts{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.gtags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 20px}
.gtags li{font-size:13px;border:var(--line);background:var(--white);padding:4px 11px}
.gtags li:nth-child(even){background:var(--green);color:var(--white)}
.gnote{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700}
.stamp-s{width:12px;height:12px;background:var(--rose);flex-shrink:0}

.cover{position:relative;width:380px;max-width:100%;margin:0 auto;background:var(--white);border:3px solid var(--ink);padding:18px 18px 14px;box-shadow:14px 14px 0 var(--rose)}
.cover-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:3px double var(--ink);padding-bottom:8px}
.cover-top b{font-size:24px;letter-spacing:2px}
.cover-top span{font-size:11px;letter-spacing:1px;color:#555}
.cover-rule{height:6px;margin:8px 0;background:repeating-linear-gradient(90deg,var(--ink) 0 10px,transparent 10px 18px)}
.cover-fig{margin:0 0 10px}
.cover-fig img{width:232px;max-width:78%;margin:0 auto;border:var(--line)}
.cover-fig figcaption{text-align:center;font-size:12px;font-weight:700;padding-top:8px}
.cover-lines{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.cover-lines span{display:block;height:2px;background:var(--ink)}
.cover-lines span:nth-child(2){width:82%}
.cover-lines span:nth-child(3){width:64%}
.cover-foot{display:flex;justify-content:space-between;font-size:12px;font-weight:700;border-top:var(--line);padding-top:8px}
.cover-foot b{background:var(--green);color:var(--white);padding:1px 8px;font-size:11px}
.cover-barcode{font-size:16px;letter-spacing:2px;line-height:1;color:var(--ink);margin-top:6px;overflow:hidden;white-space:nowrap}
.cover-tag{position:absolute;background:var(--white);border:var(--line);padding:8px 12px;line-height:1.35;box-shadow:5px 5px 0 var(--green)}
.cover-tag b{display:block;font-size:13px}
.cover-tag span{font-size:11.5px;color:#555}
.cta1{right:-14px;top:92px}
.cta2{left:-14px;bottom:84px;box-shadow:-5px 5px 0 var(--rose)}

.gpb{padding:40px 0;background:var(--paper)}
.gpb-in{display:grid;grid-template-columns:repeat(4,1fr);border:3px solid var(--ink);background:var(--rose);box-shadow:-12px 12px 0 var(--green)}
.gp{background:var(--white);padding:24px 16px;text-align:center;border-right:2px solid var(--ink);min-width:0}
.gp:last-child{border-right:0}
.gp b{display:block;font-size:30px;line-height:1.2;color:var(--rose)}
.gp span{font-size:13.5px;font-weight:700}

.sec-h{text-align:center;max-width:720px;margin:0 auto 42px}
.sec-h .gkick{margin-bottom:16px}
.sec-h h2{font-size:30px;margin:0 0 12px;line-height:1.35}
.sec-sub{margin:0;font-size:15px;color:#555}

.gtoc{padding:72px 0;background:var(--paper);border-top:3px solid var(--ink)}
.gcontents{list-style:none;margin:0;padding:0;border:var(--line);background:var(--white);box-shadow:-14px 10px 0 var(--rose)}
.gc{display:grid;grid-template-columns:86px 1fr;gap:18px;padding:20px 24px;border-bottom:var(--line)}
.gc:last-child{border-bottom:0}
.gc.alt{background:var(--paper)}
.gc-pg{font-weight:700;font-size:14px;background:var(--green);color:var(--white);align-self:start;text-align:center;padding:5px 0;letter-spacing:1px}
.gc.alt .gc-pg{background:var(--rose)}
.gc-t h3{margin:0 0 6px;font-size:17.5px}
.gc-t p{margin:0;font-size:14.5px;color:#444}

.gdesk{padding:72px 0;background:var(--white);border-top:3px solid var(--ink)}
.gspread{display:flex;justify-content:center;gap:30px;margin-bottom:34px}
.gs{position:relative;margin:0;background:var(--paper);border:var(--line);padding:14px}
.gs-big{box-shadow:16px 8px 0 var(--green)}
.gs-big.b2{margin-top:34px}
.gs-big img{width:360px;max-width:100%;border:1.5px solid var(--ink)}
.gs figcaption{font-size:12.5px;font-weight:700;text-align:center;padding-top:9px;letter-spacing:.5px}
.tape{position:absolute;top:-13px;left:50%;transform:translateX(-50%) rotate(-2deg);width:86px;height:24px;background:rgba(216,72,120,.75);border:1.5px solid var(--ink)}
.tape.sm{width:58px;height:20px;background:rgba(18,59,50,.75)}
.gstrip{display:flex;justify-content:center;align-items:flex-start;gap:18px}
.gs-tall{box-shadow:10px 16px 0 var(--rose)}
.gs-tall:nth-child(even){margin-top:22px}
.gs-tall img{width:150px;border:1.5px solid var(--ink)}

.gpress{padding:72px 0;background:var(--paper);border-top:3px solid var(--ink)}
.gsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.gst{border:var(--line);background:var(--white);padding:28px 24px;box-shadow:-16px 8px 0 var(--green)}
.gst.dark{background:var(--green);color:var(--white);box-shadow:-16px 8px 0 var(--rose)}
.gst.dark p{color:#dfe8e5}
.gst-no{display:inline-block;border:var(--line);font-weight:700;font-size:12.5px;letter-spacing:2px;padding:4px 12px;margin-bottom:16px;background:var(--paper)}
.gst.dark .gst-no{background:var(--green);border-color:var(--white)}
.gst h3{margin:0 0 10px;font-size:18.5px}
.gst p{margin:0;font-size:14.5px;color:#444}

.gask{padding:72px 0;background:var(--white);border-top:3px solid var(--ink)}
.gclips{max-width:880px;margin:0 auto;border:var(--line);background:var(--paper);box-shadow:0 14px 0 var(--green)}
.gq{border-bottom:var(--line)}
.gq:last-child{border-bottom:0}
.gq summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:14px;padding:18px 22px;background:var(--white)}
.gq:nth-child(even) summary{background:var(--paper)}
.gq summary::-webkit-details-marker{display:none}
.gq-no{background:var(--rose);color:var(--white);font-size:12px;font-weight:700;padding:3px 9px;flex-shrink:0;letter-spacing:1px}
.gq-t{font-weight:700;font-size:15.5px;flex:1}
.gq-x{width:14px;height:14px;position:relative;flex-shrink:0}
.gq-x::before,.gq-x::after{content:"";position:absolute;background:var(--ink);top:6px;left:0;width:14px;height:2px}
.gq-x::after{transform:rotate(90deg)}
.gq[open] .gq-x::after{display:none}
.gq-a{padding:0 22px 18px 22px;background:var(--paper)}
.gq-a p{margin:0;font-size:14.5px;color:#444;border-left:4px solid var(--green);padding:2px 0 2px 14px}

.gvo{padding:72px 0;background:var(--paper);border-top:3px solid var(--ink)}
.gslips{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.gslip{border:var(--line);background:var(--white);box-shadow:12px -14px 0 var(--rose)}
.gslip.green{box-shadow:12px -14px 0 var(--green)}
.gslip-h{display:flex;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:1px;border-bottom:2px dashed var(--ink);padding:10px 18px;color:#555}
.gslip-h b{color:var(--rose)}
.gslip.green .gslip-h b{color:var(--green)}
.gslip p{margin:0;padding:16px 18px;font-size:14px;color:#333}
.gslip footer{display:flex;justify-content:space-between;gap:10px;padding:0 18px 14px;font-size:12px}
.gslip footer b{font-size:13px}
.gslip time{color:#777}

.gct{padding:76px 0;background:var(--green);border-top:3px solid var(--ink)}
.gct-box{max-width:760px;margin:0 auto;text-align:center;background:var(--white);border:3px solid var(--ink);padding:46px 36px;box-shadow:-10px -8px 0 var(--rose)}
.gct-rule{display:inline-block;margin:0 0 16px}
.gct-rule span{font-size:12px;font-weight:700;letter-spacing:2px;background:var(--green);color:var(--white);padding:5px 14px}
.gct-box h2{font-size:30px;margin:0 0 14px}
.gct-p{margin:0 0 26px;font-size:15.5px;color:#444}
.gct-note{margin:18px 0 0;font-size:12.5px;color:#777}

.gfoot{background:var(--ink);color:var(--white);padding:34px 0 30px;text-align:center}
.gfoot-brand{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:15px;margin-bottom:16px}
.gfoot-brand img{border:2px solid var(--white)}
.gfoot-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;margin-bottom:14px}
.gfoot-nav a:hover{color:var(--rose)}
.gfoot-icp{margin:0 0 4px;font-size:13px;color:#cdd2cb}
.gfoot-c{margin:0;font-size:12.5px;color:#9aa39b}

.backtop{position:fixed;right:22px;bottom:40px;width:46px;height:46px;border:var(--line);background:var(--green);color:var(--white);font-size:20px;font-weight:700;cursor:pointer;z-index:70;opacity:0;pointer-events:none;transition:opacity .2s}
.backtop.show{opacity:1;pointer-events:auto}

.rv{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
.rv.in{opacity:1;transform:none}

@media (max-width:900px){
  .gnav{position:absolute;top:68px;left:0;right:0;background:var(--paper);border-bottom:3px solid var(--ink);flex-direction:column;padding:10px 20px 16px;display:none;gap:2px}
  .gnav.open{display:flex}
  .gnav a{border-bottom:1.5px dashed #b9b0a2}
  .burger{display:flex}
  .gbar-cta{display:none}
  .ghe{padding:42px 0 52px}
  .ghe-in{grid-template-columns:1fr;gap:38px}
  h1{font-size:46px}
  .cover{width:100%;max-width:430px;box-shadow:9px 9px 0 var(--rose)}
  .cover-tag{position:static;display:block;margin:0 18px 10px;box-shadow:4px 4px 0 var(--green)}
  .cta2{box-shadow:-4px 4px 0 var(--rose)}
  .gpb-in{grid-template-columns:repeat(2,1fr);box-shadow:8px -8px 0 var(--green)}
  .gp{border-bottom:2px solid var(--ink)}
  .gp:nth-child(2){border-right:0}
  .gp:nth-child(3),.gp:nth-child(4){border-bottom:0}
  .gp:nth-child(3){border-right:2px solid var(--ink)}
  .gcontents{box-shadow:8px 10px 0 var(--rose)}
  .gc{grid-template-columns:64px 1fr;gap:14px;padding:16px 16px}
  .gspread{flex-direction:column;align-items:center;gap:26px;margin-bottom:26px}
  .gs-big{box-shadow:10px 6px 0 var(--green);width:100%;max-width:400px}
  .gs-big.b2{margin-top:0}
  .gs-big img{width:100%}
  .gstrip{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding:8px 4px 18px;-webkit-overflow-scrolling:touch}
  .gs-tall{flex:0 0 150px;box-shadow:8px -10px 0 var(--rose);margin-top:0!important}
  .gsteps{grid-template-columns:1fr;gap:22px}
  .gst{box-shadow:-8px 10px 0 var(--green)!important}
  .gclips{box-shadow:0 10px 0 var(--green)}
  .gslips{grid-template-columns:1fr;gap:22px}
  .gslip{box-shadow:-10px 8px 0 var(--rose)!important}
  .gct-box{box-shadow:10px 8px 0 var(--green)}
  .sec-h h2{font-size:24px}
  .gct-box h2{font-size:24px}
  .backtop{bottom:142px}
}
@media (max-width:480px){
  .wrap{max-width:calc(100% - 28px)}
  h1{font-size:38px}
  .lead{font-size:15px}
  .gbtn-lg{width:100%}
  .ghe-acts{flex-direction:column}
  .gp b{font-size:24px}
  .cover-top b{font-size:20px}
  .gq summary{padding:15px 16px;gap:10px}
  .gq-a{padding:0 16px 16px}
  .gq-t{font-size:14.5px}
  .gct-box{padding:36px 22px}
}