:root{--bg:#f6f2ea;--bg-accent:#ece4d6;--surface:rgba(255,253,249,0.88);--surface-strong:rgba(255,255,255,0.96);--surface-soft:rgba(245,239,228,0.76);--line:rgba(37,47,58,0.12);--line-strong:rgba(37,47,58,0.2);--text:#18222d;--text-soft:rgba(24,34,45,0.76);--text-muted:rgba(24,34,45,0.58);--gold:#bb8340;--gold-deep:#8e6130;--gold-soft:rgba(187,131,64,0.14);--blue:#6f92ba;--blue-soft:rgba(111,146,186,0.18);--green:#5f9480;--green-soft:rgba(95,148,128,0.16);--shadow:0 28px 80px rgba(122,109,91,0.16);--shadow-soft:0 18px 40px rgba(122,109,91,0.12);--chamfer:22px;--container:min(1200px,calc(100% - 32px))}*{box-sizing:border-box}html{scroll-behavior:smooth}:focus-visible{outline:3px solid rgba(187,131,64,0.55);outline-offset:3px}body{margin:0;min-height:100vh;color:var(--text);font-family:"PingFang SC","HarmonyOS Sans SC","Segoe UI","Microsoft YaHei",sans-serif;background:radial-gradient(circle at top left,rgba(187,131,64,0.12),transparent 28%),radial-gradient(circle at top right,rgba(111,146,186,0.11),transparent 24%),linear-gradient(180deg,#fbf8f2 0%,#f4efe6 52%,#f6f1ea 100%);overflow-x:hidden}body::before,body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2}body::before{background:linear-gradient(90deg,rgba(24,34,45,0.025) 1px,transparent 1px),linear-gradient(rgba(24,34,45,0.02) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,rgba(0,0,0,0.5),transparent 75%)}body::after{inset:-10%;z-index:-3;background:radial-gradient(circle at 18% 12%,rgba(187,131,64,0.14),transparent 22%),radial-gradient(circle at 84% 18%,rgba(111,146,186,0.12),transparent 18%),radial-gradient(circle at 50% 100%,rgba(95,148,128,0.12),transparent 22%);filter:blur(30px)}a{color:inherit;text-decoration:none}img{display:block;width:100%;max-width:100%}button{border:0;background:none;color:inherit;cursor:pointer;font:inherit}.container{width:var(--container);margin:0 auto}.skip-link{position:absolute;top:14px;left:16px;z-index:300;padding:12px 16px;color:#fff;background:#1d2732;transform:translateY(-180%);transition:transform 0.2s ease}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:120;padding:14px 0;backdrop-filter:blur(18px);background:linear-gradient(180deg,rgba(251,248,242,0.9),rgba(251,248,242,0.72));border-bottom:1px solid rgba(37,47,58,0.08)}.header-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:16px;min-width:0}.brand-mark{display:grid;place-items:center;width:52px;height:52px;color:#fff;font-size:24px;font-weight:800;background:linear-gradient(135deg,#c38c48 0%,#8c5d2e 100%);box-shadow:0 14px 24px rgba(187,131,64,0.18)}.brand-kicker{display:block;margin-bottom:4px;color:var(--text-muted);font-size:11px;letter-spacing:0.24em;text-transform:uppercase}.brand-title{display:block;color:var(--text);font-size:18px;font-weight:700;white-space:nowrap}.menu-toggle{display:none;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--line);background:rgba(255,255,255,0.84)}.menu-toggle span,.menu-toggle::before,.menu-toggle::after{content:"";display:block;width:18px;height:2px;background:var(--text);transition:transform 0.22s ease}.menu-toggle::before{transform:translateY(-6px)}.menu-toggle::after{transform:translateY(6px);margin-top:-2px}.nav-shell{display:flex;align-items:center}.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:0;padding:0;list-style:none}.nav-links a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;color:var(--text-soft);border:1px solid transparent;transition:color 0.22s ease,background 0.22s ease,border-color 0.22s ease,transform 0.22s ease}.nav-links a:hover,.nav-links a:focus-visible,.nav-links .current{color:var(--text);background:rgba(255,255,255,0.75);border-color:var(--line);transform:translateY(-1px)}.hero{position:relative;padding:40px 0 18px}.hero::before{content:"";position:absolute;inset:0 0 auto;height:min(760px,82vh);background:linear-gradient(90deg,rgba(251,248,242,0.92) 6%,rgba(251,248,242,0.62) 42%,rgba(251,248,242,0.86) 100%),linear-gradient(180deg,rgba(251,248,242,0.04) 0%,rgba(251,248,242,0.82) 100%),url("https://wx2.vv1234.cn/s1-pic/2025/09/5659b1b432a6f877425785c821b1fedd.png") center center / cover no-repeat;opacity:0.55;mask-image:linear-gradient(180deg,rgba(0,0,0,0.92),transparent 94%);pointer-events:none}.hero-shell{position:relative;padding:24px 0 12px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,0.78fr);gap:28px;align-items:center}.hero-copy{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:10px;min-height:38px;padding:0 14px;color:var(--text);background:rgba(255,255,255,0.78);border:1px solid rgba(37,47,58,0.1);box-shadow:0 10px 22px rgba(122,109,91,0.08);font-size:12px;font-weight:700;letter-spacing:0.12em}.eyebrow::before{content:"";width:8px;height:8px;background:var(--gold);box-shadow:0 0 16px rgba(187,131,64,0.35)}h1,h2{margin:0;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-weight:800;letter-spacing:-0.04em}h1{margin-top:22px;color:#141d26;font-size:clamp(44px,6vw,82px);line-height:0.94}h2{color:#141d26;font-size:clamp(30px,4vw,46px);line-height:1.02}.hero-lead,.section-desc,.download-copy,.tutorial-article p,.footer-card p{line-height:1.86}.hero-lead{max-width:720px;margin:18px 0 0;color:var(--text-soft);font-size:18px}.hero-points{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 0;padding:0;list-style:none}.hero-points li{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;color:var(--text);background:rgba(255,255,255,0.72);border:1px solid rgba(37,47,58,0.08);box-shadow:0 10px 20px rgba(122,109,91,0.08)}.hero-points strong{color:var(--gold-deep);font-size:15px}.hero-actions,.download-actions,.chip-row,.download-tags,.footer-contact-list{display:flex;flex-wrap:wrap;gap:12px}.hero-actions{margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 22px;border:1px solid transparent;font-weight:700;transition:transform 0.22s ease,box-shadow 0.22s ease,background 0.22s ease,border-color 0.22s ease,color 0.22s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,#233345 0%,#1a2633 100%);box-shadow:0 14px 28px rgba(35,51,69,0.2)}.button-secondary{color:var(--text);background:rgba(255,255,255,0.72);border-color:rgba(37,47,58,0.1)}.button-dark{color:#fff;background:linear-gradient(135deg,#233345 0%,#1a2633 100%);box-shadow:0 12px 24px rgba(35,51,69,0.16)}.button-ghost{color:var(--text);background:rgba(255,255,255,0.72);border-color:rgba(37,47,58,0.1)}.hero-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;color:var(--text-muted);font-size:14px}.hero-preview{position:relative;justify-self:end;width:min(100%,430px);padding:16px;background:linear-gradient(180deg,rgba(255,255,255,0.86),rgba(255,251,245,0.96)),linear-gradient(180deg,rgba(187,131,64,0.04),rgba(111,146,186,0.05));border:1px solid rgba(37,47,58,0.12);box-shadow:var(--shadow);clip-path:polygon(var(--chamfer) 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%,0 var(--chamfer))}.hero-preview::before{content:"";position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;background:radial-gradient(circle,rgba(187,131,64,0.16),transparent 72%);pointer-events:none}.hero-preview-badge{position:absolute;top:14px;right:16px;z-index:1;padding:9px 12px;color:#fff;background:rgba(31,43,56,0.92);font-size:11px;font-weight:800;letter-spacing:0.16em}.hero-window{overflow:hidden;border:1px solid rgba(37,47,58,0.12);background:#fff;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px)}.window-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;color:var(--text-muted);background:rgba(24,34,45,0.04);border-bottom:1px solid rgba(37,47,58,0.08);font-size:13px;letter-spacing:0.06em}.window-dots{display:flex;gap:8px}.window-dots span{width:9px;height:9px;background:rgba(24,34,45,0.25)}.window-body{position:relative;padding:16px;background:#fff}.window-body img{aspect-ratio:16 / 10;object-fit:cover;border:1px solid rgba(37,47,58,0.08)}.float-pill{position:absolute;display:inline-flex;align-items:center;gap:10px;padding:12px 14px;color:#fff;background:rgba(30,42,55,0.92);box-shadow:0 16px 30px rgba(35,51,69,0.14);font-size:14px;font-weight:700}.float-pill small{display:block;color:rgba(255,255,255,0.66);font-size:12px;font-weight:600}.pill-top{top:44px;right:16px}.pill-bottom{left:22px;bottom:24px}.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.fact-card{padding:16px;background:rgba(255,255,255,0.84);border:1px solid rgba(37,47,58,0.08);box-shadow:0 10px 22px rgba(122,109,91,0.08)}.fact-label{display:block;margin-bottom:10px;color:var(--text-muted);font-size:12px;letter-spacing:0.08em;text-transform:uppercase}.fact-value{display:block;color:var(--text);font-size:clamp(20px,3vw,28px);font-weight:800;line-height:1.15}.content{padding:14px 0 82px}.panel{position:relative;overflow:hidden;margin-top:24px;background:linear-gradient(180deg,rgba(255,255,255,0.82),rgba(255,252,247,0.96)),linear-gradient(180deg,rgba(187,131,64,0.04),rgba(111,146,186,0.04));border:1px solid rgba(37,47,58,0.1);box-shadow:var(--shadow);clip-path:polygon(var(--chamfer) 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%,0 var(--chamfer))}.panel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(187,131,64,0.08),transparent 28%),radial-gradient(circle at bottom left,rgba(111,146,186,0.08),transparent 28%);pointer-events:none}.panel-inner{position:relative;padding:34px}.section-top{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:22px;margin-bottom:18px}.section-top-article{margin-bottom:18px}.section-kicker{display:inline-block;margin-bottom:12px;color:var(--gold-deep);font-size:11px;font-weight:800;letter-spacing:0.22em;text-transform:uppercase}.section-desc{max-width:620px;margin:14px 0 0;color:var(--text-soft);font-size:16px}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;color:var(--text);background:rgba(255,255,255,0.78);border:1px solid rgba(37,47,58,0.08);box-shadow:0 10px 20px rgba(122,109,91,0.06);font-size:13px;font-weight:600}.download-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.download-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:24px;background:rgba(255,255,255,0.8);border:1px solid rgba(37,47,58,0.1);box-shadow:var(--shadow-soft);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}.download-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(187,131,64,0.08),transparent 30%);pointer-events:none}.download-card-primary{background:linear-gradient(180deg,rgba(187,131,64,0.09),transparent 42%),rgba(255,255,255,0.88)}.download-card-secondary{background:linear-gradient(180deg,rgba(111,146,186,0.08),transparent 42%),rgba(255,255,255,0.84)}.download-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.download-badge,.download-format{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase}.download-badge{color:#fff;background:linear-gradient(135deg,#c48d49 0%,#91612f 100%)}.download-format{color:var(--text);background:rgba(24,34,45,0.05);border:1px solid rgba(37,47,58,0.08)}.download-card h3{margin:0;color:var(--text);font-size:26px;line-height:1.15}.download-filename{margin:0;color:#202b37;font-size:21px;font-weight:800;line-height:1.45;letter-spacing:-0.03em;word-break:break-word}.download-copy{margin:0;color:var(--text-soft)}.download-tags span{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;color:var(--text);background:rgba(24,34,45,0.04);border:1px solid rgba(37,47,58,0.08);font-size:13px;font-weight:600}.download-meta-list{display:grid;gap:12px;margin:0}.download-meta-list div{padding:14px 16px;background:rgba(255,255,255,0.72);border:1px solid rgba(37,47,58,0.08)}.download-meta-list dt{margin:0 0 8px;color:var(--gold-deep);font-size:12px;font-weight:800;letter-spacing:0.12em;text-transform:uppercase}.download-meta-list dd{margin:0;color:var(--text-soft);line-height:1.7}.download-link{display:block;padding:14px 16px;color:var(--text-soft);background:rgba(24,34,45,0.04);border:1px solid rgba(37,47,58,0.08);font-size:13px;line-height:1.6;word-break:break-all}.download-note{margin:0;color:var(--text-muted);font-size:14px;line-height:1.75}.tutorial-article{max-width:860px;margin:0 auto;color:var(--text)}.tutorial-article p{margin:0;color:var(--text-soft);font-size:16px}.article-lead{color:var(--text);font-size:18px}.article-text{margin-top:18px !important}.article-text-last{margin-bottom:4px}.article-video-list{display:grid;gap:24px;margin:24px 0 30px}.article-video-item{padding-top:18px;border-top:1px solid rgba(37,47,58,0.1)}.article-video-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.article-video-title,.article-subtitle{margin:0;color:var(--text);font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-weight:800;letter-spacing:-0.03em}.article-video-title{font-size:clamp(22px,2.6vw,28px);line-height:1.2}.article-video-head a{color:var(--gold-deep);font-size:14px;font-weight:700}.article-video-head a:hover,.article-video-head a:focus-visible{color:#704a22}.article-video-player{overflow:hidden;background:rgba(255,255,255,0.88);border:1px solid rgba(37,47,58,0.1);box-shadow:var(--shadow-soft);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}.article-video-player iframe{display:block;width:100%;aspect-ratio:16 / 9;border:0}.article-subtitle{margin:34px 0 16px;font-size:clamp(24px,3vw,32px);line-height:1.18}.article-image{margin:0 0 10px}.article-image+.article-text,.article-image+.article-subtitle{margin-top:22px}.article-image img{border:1px solid rgba(37,47,58,0.1);box-shadow:var(--shadow-soft)}.footer{padding:0 0 44px}.footer-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding:26px 30px;background:rgba(255,255,255,0.84);border:1px solid rgba(37,47,58,0.1);box-shadow:var(--shadow-soft);clip-path:polygon(var(--chamfer) 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%,0 var(--chamfer))}.footer-copy{max-width:680px}.footer-copy strong{display:inline-block;margin-bottom:10px;color:var(--text);font-size:24px;font-weight:800;letter-spacing:-0.04em}.footer-card p{margin:0;color:var(--text-soft)}.footer-contact-list span,.footer-contact-list a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;color:var(--text);background:rgba(255,255,255,0.74);border:1px solid rgba(37,47,58,0.08)}.toast{position:fixed;left:50%;bottom:24px;z-index:240;padding:14px 18px;color:#fff;background:rgba(29,39,50,0.94);box-shadow:0 24px 56px rgba(35,51,69,0.2);font-weight:700;opacity:0;transform:translateX(-50%) translateY(18px);pointer-events:none;transition:opacity 0.22s ease,transform 0.22s ease}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (max-width:1120px){.hero-grid,.download-grid{grid-template-columns:1fr}.hero-preview{justify-self:start}}@media (max-width:860px){.site-header{padding:12px 0}.menu-toggle{display:inline-flex;flex-direction:column;gap:0}.nav-shell{position:absolute;top:calc(100%+12px);right:0;left:0;display:none;padding:14px;background:rgba(255,255,255,0.98);border:1px solid rgba(37,47,58,0.08);box-shadow:var(--shadow)}.site-header.open .nav-shell{display:flex}.nav-links{width:100%;justify-content:flex-start}.nav-links a{width:calc(50% - 5px);justify-content:flex-start}.hero-preview{width:min(100%,520px)}.hero-preview-badge{position:static;display:inline-flex;margin-bottom:14px}.hero-facts{grid-template-columns:1fr}.panel-inner{padding:24px}}@media (max-width:620px){.container{width:min(100% - 20px,1200px)}.brand-title{font-size:16px}.hero{padding-top:28px}.hero-lead{font-size:16px}.hero-actions,.download-actions,.footer-contact-list{flex-direction:column}.button,.footer-contact-list span,.footer-contact-list a,.nav-links a{width:100%}.float-pill{position:static;margin-top:14px}.download-card,.panel-inner,.footer-card{padding-left:20px;padding-right:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none !important;transition:none !important}}