:root{--green:#175c47;--ink:#23332c;--muted:#6b756f;--line:#dfe5e1;--mint:#f2f7f4;--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #4e9778;outline-offset:5px}button,a{touch-action:manipulation}img{display:block;max-width:100%;height:auto}.container{max-width:1180px;padding:0 28px;margin:0 auto}.site-header{border-bottom:1px solid var(--line)}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:700;color:var(--green);letter-spacing:1px}.brand svg{width:32px;height:32px;fill:var(--green)}nav{display:flex;gap:35px;font-size:14px}nav a:hover,.preview-text:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;padding:54px 0 44px}.hero h1{font-family:"Songti SC","SimSun",serif;color:var(--green);font-size:54px;font-weight:700;line-height:1.35;letter-spacing:1px;margin:0 0 24px}.hero-copy>p{color:#5e6b63;font-size:16px;line-height:1.95;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0 15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 19px;border:1px solid var(--green);border-radius:5px;font-weight:600;font-size:14px;transition:background .15s}.primary{background:var(--green);color:#fff}.primary:hover{background:#104b39}.secondary{color:var(--green);background:white}.secondary:hover{background:var(--mint)}.hero-copy .hero-note{font-size:12px;color:var(--muted)}.hero-art{background:var(--mint);border-radius:var(--radius);height:408px;position:relative;overflow:hidden}.sheet{position:absolute;width:52%;border:1px solid #d5ded7}.sheet.front{left:8%;top:29px;z-index:1}.sheet.back{right:7%;top:72px}.art-caption{position:absolute;bottom:14px;width:100%;text-align:center;font-size:11px;letter-spacing:2px;color:#687e70}.download-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.download-heading h2{font-size:17px;margin:0}.download-heading p{font-size:12px;margin:0;color:var(--muted)}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.provider{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:23px 20px;position:relative}.provider+.provider{border-left:1px solid var(--line)}.provider-symbol{width:38px;height:38px;display:grid;place-items:center;font-weight:800;font-size:25px;border-radius:10px;font-family:Arial,sans-serif;background:#eff3ff;color:#3765ed}.baidu{background:#eff7fe;color:#248be7}.xunlei{background:#edf4ff;color:#367bf5;font-style:italic}.provider h3{font-size:17px;margin:0 0 4px}.provider p{margin:0;font-size:12px;color:var(--muted)}.provider>a{margin-left:auto;color:var(--green);font-size:13px;font-weight:600;white-space:nowrap}.provider>a:hover{text-decoration:underline}code{font-size:13px;color:var(--green)}.copy{border:0;background:transparent;color:var(--green);padding:5px 2px;font-size:12px;text-decoration:underline;text-underline-offset:3px;min-height:32px}.download-note,.preview-note{font-size:12px;color:var(--muted);margin:12px 0 0}.section{padding:64px 0 0}.section-heading{text-align:center;margin-bottom:28px}.section-heading h2{font-size:27px;color:var(--green);letter-spacing:.5px;margin:0 0 9px}.section-heading p{font-size:14px;margin:0;color:var(--muted)}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.template{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.preview-link{display:block;position:relative;background:#f7f9f7;padding:19px 22px 0;overflow:hidden;height:283px;border-bottom:1px solid var(--line)}.preview-link img{border:1px solid #e5e8e5;width:100%}.preview-link>span{position:absolute;bottom:10px;right:10px;padding:3px 10px;background:white;border:1px solid var(--line);border-radius:4px;font-size:11px;color:var(--green);opacity:0;transition:opacity .15s}.preview-link:hover>span,.preview-link:focus-visible>span{opacity:1}.template-info{padding:18px 18px 17px}.template-type{display:flex;justify-content:space-between;color:#758378;font-size:11px;letter-spacing:.5px}.template-type span{font-size:10px;color:#849086}.template-info h3{font-size:18px;margin:7px 0}.template-info p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 18px}.preview-text{display:flex;justify-content:space-between;color:var(--green);font-size:13px;border-top:1px solid var(--line);padding-top:12px}.preview-note{text-align:center;margin-top:18px;line-height:1.9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;padding:26px 0;margin:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps li{display:flex;gap:16px}.step-number{font-size:27px;font-family:Georgia,serif;color:#72a28b;line-height:1.3}.steps h3{font-size:16px;margin:0 0 8px}.steps p{font-size:13px;color:var(--muted);margin:0;line-height:1.85}.faq{padding-bottom:66px}.faq-list{max-width:850px;margin:auto;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:19px 35px 19px 0;font-size:14px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:6px;color:var(--green);font-size:22px;top:13px;font-weight:400}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:13px;margin:0;padding:0 30px 20px 0;line-height:1.9}footer{border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:92px}.footer-brand{font-size:19px}.footer-inner p,.footer-inner>a:last-child{font-size:12px;color:var(--muted)}.footer-inner>a:last-child{color:var(--green)}.skip{position:fixed;top:-100px;left:15px;padding:10px;background:var(--green);color:#fff;z-index:100}.skip:focus{top:10px}dialog{padding:0;border:1px solid var(--line);border-radius:8px;width:min(760px,94vw);max-height:92dvh;color:var(--ink)}dialog::backdrop{background:rgba(18,35,27,.56)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#fff;position:sticky;top:0;border-bottom:1px solid var(--line)}.dialog-bar h2{font-size:17px;margin:0}.dialog-bar p{font-size:11px;color:var(--muted);margin:0}.close{background:var(--mint);border:0;border-radius:4px;font-size:26px;width:42px;height:42px;color:var(--green)}.dialog-body{padding:20px;background:var(--mint)}.dialog-body img{width:100%;border:1px solid var(--line)}.dialog-bottom{padding:16px;text-align:center}.dialog-open{overflow:hidden}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;border-radius:6px;padding:10px 20px;font-size:14px;z-index:10;opacity:0;pointer-events:none;max-width:90vw;text-align:center}#toast.visible{opacity:1}
@media(min-width:1200px){.provider{gap:10px;padding:24px 18px}.provider>a{font-size:12px}}
@media(max-width:1000px){.hero h1{font-size:43px}.hero-art{height:365px}.provider{padding:18px 15px;gap:10px}.provider>a{width:100%;text-align:right}.template-grid{gap:14px}.preview-link{padding:14px 14px 0;height:230px}.template-info{padding:15px}.template-info h3{font-size:16px}.hero-copy>p{font-size:14px}.hero-actions{gap:9px}.button{padding:10px 12px;font-size:13px}}
@media(max-width:700px){.container{padding:0 20px}.header-inner{height:73px}.brand{font-size:21px;gap:8px}.brand svg{width:25px}nav{gap:17px;font-size:12px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;gap:26px;padding:36px 0 28px}.hero h1{font-size:42px;margin-bottom:18px}.hero-copy>p{font-size:14px}.hero-actions{margin:22px 0 12px;gap:10px}.hero-actions .button{padding:10px 14px}.hero-art{height:335px;max-width:460px;width:100%;justify-self:center}.sheet{width:47%;max-height:280px;width:auto;max-width:53%;object-fit:contain}.sheet.front{left:12%;top:18px}.sheet.back{right:10%;top:48px}.art-caption{font-size:10px;bottom:10px}.download-heading{display:block}.download-heading h2{font-size:17px}.download-heading p{margin-top:3px}.download-grid{grid-template-columns:1fr}.provider{padding:17px 18px;flex-wrap:nowrap}.provider+.provider{border-left:0;border-top:1px solid var(--line)}.provider>a{width:auto;margin-left:auto;font-size:12px}.provider h3{font-size:16px}.provider-symbol{margin-right:2px}.download-note{font-size:11px}.section{padding-top:43px}.section-heading{margin-bottom:23px}.section-heading h2{font-size:24px}.section-heading p{font-size:12px;line-height:1.8}.template-grid{grid-template-columns:repeat(2,1fr);gap:12px}.preview-link{height:212px;padding:12px 12px 0}.preview-link>span{opacity:1;font-size:10px;bottom:8px;right:6px;padding:2px 5px}.template-info{padding:12px}.template-info h3{font-size:16px;letter-spacing:-.5px}.template-info p{font-size:11px;line-height:1.8;margin-bottom:14px}.template-type{font-size:10px}.preview-text{font-size:12px}.preview-note{font-size:11px;text-align:left}.steps{grid-template-columns:1fr;gap:25px;padding:23px 0}.steps li{gap:20px}.steps p{font-size:12px}.step-number{font-size:25px}.faq{padding-bottom:40px}.footer-inner{flex-wrap:wrap;gap:8px;padding-top:20px;padding-bottom:20px}.footer-brand{font-size:18px}.footer-inner p{order:3;width:100%;margin:0}.dialog-body{padding:8px}.dialog-bar{padding:10px 14px}.dialog-bottom .button{width:100%}.desktop-break{display:none}}
@media(max-width:370px){.container{padding:0 16px}.hero h1{font-size:36px}.hero-actions .button{font-size:12px;padding:10px}.preview-link{height:180px}.template-info h3{font-size:14px}.provider{padding:16px 12px}.provider-symbol{width:30px;height:34px;font-size:22px}nav{gap:12px}}
.hero-art .sheet{width:auto;height:75%;max-width:54%;object-fit:contain}.hero-art .sheet.front{top:24px}.hero-art .sheet.back{top:58px}.hero-art .art-caption{z-index:2;background:var(--mint);padding:2px 0}.skip:focus:not(:focus-visible){top:-100px}.template{display:flex;flex-direction:column}.template-info{flex:1;display:flex;flex-direction:column}.preview-text{margin-top:auto}.template-info p{min-height:46px}
@media(max-width:700px){.hero-art .sheet{height:76%;max-width:55%}.hero-art .sheet.front{top:17px}.hero-art .sheet.back{top:43px}.template-info p{min-height:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}