@charset "utf-8";
:root{--pg-ink:#1c1915;--pg-muted:#6b6258;--pg-bg:#f4efe6;--pg-card:#fffdf8;--pg-line:#e4d8c6;--pg-brand:#1f4e79;--pg-brand-ink:#12263a;--pg-foot:#161410;--pg-accent:#c2410c;--pg-radius:18px;--pg-shadow:0 18px 40px rgba(28,25,21,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0;max-width:100%;overflow-x:clip}
body{font-family:"Iowan Old Style","Palatino Linotype","PingFang SC","Microsoft YaHei","Noto Serif SC",serif;color:var(--pg-ink);background:var(--pg-bg);line-height:1.8;font-size:16px}
img,svg,video,canvas{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}
:where(.wrap,header .wrap,footer .wrap,.section,.hero-inner,.container,.inner){width:min(1180px,92%);margin-left:auto;margin-right:auto;max-width:100%}
:where(header,.site-header){position:sticky;top:0;z-index:30;background:rgba(244,239,230,.92);border-bottom:1px solid var(--pg-line);backdrop-filter:blur(14px)}
:where(nav,.nav){width:min(1180px,92%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;flex-wrap:wrap}
:where(.logo,.nav .logo,header .brand){font-weight:800;font-size:22px;letter-spacing:.02em;color:var(--pg-brand-ink);white-space:nowrap}
:where(.nav-links,header ul,nav ul){display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:0}
:where(.nav-links a,nav a){color:var(--pg-muted);font-size:14px}
:where(.nav-links a:hover,nav a:hover){color:var(--pg-brand)}
:where(.nav-cta,.btn,.hero-actions a,a.btn,.pg-cta a){display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:999px;font-weight:700;border:1px solid transparent}
:where(.btn-solid,.nav-cta){background:var(--pg-brand);color:#fff}
:where(.btn-line){border-color:currentColor;background:transparent}
:where(.hero){padding:84px 0 72px;background:radial-gradient(1200px 480px at 10% -10%,#dbe7f3 0%,transparent 55%),linear-gradient(160deg,#12263a,#1f4e79 58%,#9a3412);color:#fff;text-align:center}
:where(.hero h1){font-size:clamp(30px,5.4vw,52px);line-height:1.18;margin:12px 0 16px;letter-spacing:-.02em}
:where(.hero-text,.hero p){max-width:740px;margin:0 auto 24px;color:rgba(255,255,255,.9)}
:where(.hero-actions){display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:24px 0 36px}
:where(.hero-stats,.stat-row,.stats,.data-row,.pg-stats){display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;width:min(1180px,92%);margin:28px auto 0}
:where(.stat,.hero-stats>div,.data-card,.pg-stat){background:var(--pg-card);color:var(--pg-ink);border-radius:var(--pg-radius);padding:24px 20px;box-shadow:var(--pg-shadow);border:1px solid var(--pg-line);text-align:left}
:where(.slash-1,.slash-2,.slash-3){border-left:5px solid var(--pg-accent)}
:where(.num,.stat .num,.stat b,.stat strong,.hero-stats strong,.hero-stats b){display:block;font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.15;color:var(--pg-brand);overflow:visible;white-space:nowrap}
:where(.stat p,.stat span:not(.num),.hero-stats span){display:block;margin:8px 0 0;color:var(--pg-muted);font-size:14px}
:where(section,.section,.pg-extra){padding:72px 0}
:where(.section h2,section h2,.pg-extra h2){font-size:clamp(26px,3.2vw,36px);text-align:center;margin:0 0 12px;letter-spacing:-.02em}
:where(.section>p,section>p,.pg-extra>p,.pg-lead){text-align:center;color:var(--pg-muted);max-width:740px;margin:0 auto 36px}
:where(.grid-2,.grid-3,.grid-4,.pg-grid,.cards){display:grid;gap:22px}
:where(.grid-2){grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
:where(.grid-3,.cards,.pg-grid){grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
:where(.grid-4){grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
:where(.card,article.card,.pg-card){background:var(--pg-card);border:1px solid var(--pg-line);border-radius:var(--pg-radius);padding:26px 24px;box-shadow:var(--pg-shadow)}
:where(.card h3,.pg-card h3){margin:0 0 10px;font-size:19px;color:var(--pg-brand-ink)}
:where(.card p,.pg-card p){margin:0;color:var(--pg-muted)}
:where(.pg-step){counter-increment:pgstep;position:relative;padding-top:8px}
:where(.pg-step:before){content:counter(pgstep,decimal-leading-zero);display:block;font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--pg-accent);margin-bottom:8px}
:where(.pg-quote,.testimonial){background:var(--pg-card);border:1px solid var(--pg-line);border-radius:var(--pg-radius);padding:28px;box-shadow:var(--pg-shadow)}
:where(.pg-quote p){font-size:18px;color:var(--pg-ink)}
:where(.pg-faq details){background:var(--pg-card);border:1px solid var(--pg-line);border-radius:14px;padding:16px 18px;margin:0 0 12px}
:where(.pg-faq summary){cursor:pointer;font-weight:700;color:var(--pg-brand-ink)}
:where(.pg-chips){display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 28px}
:where(.pg-chips span){border:1px solid var(--pg-line);background:#fff;border-radius:999px;padding:6px 12px;font-size:12px;color:var(--pg-muted)}
:where(.pg-cta){text-align:center;background:linear-gradient(135deg,#12263a,#1f4e79);color:#fff;border-radius:28px;padding:48px 28px}
:where(.dark-band){background:linear-gradient(135deg,#161410,#1f4e79);color:#fff}
:where(.dark-band h2,.dark-band>p){color:#fff}
:where(.dark-band .card){background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#fff}
:where(.dark-band .card h3){color:#fff}:where(.dark-band .card p){color:rgba(255,255,255,.82)}
:where(.contact){text-align:center}
:where(body>footer,main~footer,.site-footer,.footer){background:var(--pg-foot);color:#e8dfd2;padding:56px 0 28px;margin-top:8px;display:block}
:where(.footer-grid){width:min(1180px,92%);margin:0 auto 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px}
:where(.site-footer .footer-brand,.footer-brand){width:min(1180px,92%);margin:0 auto 20px}
:where(.footer-brand strong){display:block;font-size:22px;color:#fff;margin-bottom:8px}
:where(.footer-brand p){margin:0;max-width:520px;color:#c4b8a6}
:where(.footer-links,.footer-nav,body>footer ul,.site-footer ul){width:min(1180px,92%);margin:0 auto 20px;display:flex;flex-wrap:wrap;gap:10px 22px;padding:0}
:where(.footer-links a,body>footer a,.site-footer a){color:#f3ebe0}
:where(.copyright,.footer-copy,.footer-bottom){width:min(1180px,92%);margin:0 auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#a89c8c}
@media(max-width:720px){:where(nav,.nav){padding:10px 0}:where(.hero){padding:52px 0}:where(.section,section,.pg-extra){padding:44px 0}:where(.num,.stat .num,.stat b,.stat strong){white-space:normal}}

:root{--pg-brand:#c2592d;--pg-brand-ink:#dc7a4f;--pg-accent:#7a9e7e;--pg-radius:6px}
:where(.hero){background:linear-gradient(160deg,#dc7a4f,#c2592d 58%,#7a9e7e)}
:where(header,.site-header){border-bottom-color:#c2592d33}

:root{--primary:#c2592d;--secondary:#dc7a4f;--accent:#7a9e7e;--bg:#fbf5f0;--text:#2f2219;--muted:#6f5c4f;--border:#e8d9cd;--dark:#2a1d16;--dark-2:#241a14;--white:#fff;--sage-soft:#eef3ee;--sand:#f6e9df;--radius:6px;--radius-card:10px;--radius-btn:12px;--shadow-sm:0 2px 8px rgba(47,34,25,.07);--shadow:0 10px 26px rgba(47,34,25,.10);--shadow-lg:0 18px 44px rgba(47,34,25,.18);--sp1:8px;--sp2:16px;--sp3:24px;--sp4:40px;--sp5:64px;--font-title:"Montserrat","PingFang SC","Microsoft YaHei",sans-serif;--font-body:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--font-body);font-size:16px;line-height:1.85;color:var(--text);background:var(--bg);overflow-x:hidden}
img{max-width:100%;height:auto;display:block;border:0}
a{color:var(--primary);text-decoration:none;transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
a:hover{color:var(--secondary)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}
ul,ol{margin:0 0 16px;padding-left:20px}
li{margin-bottom:6px}
p{margin:0 0 16px}
button,input,select,textarea{font-family:inherit;font-size:15px}
h1,h2,h3,h4{font-family:var(--font-title);color:var(--text);margin:0 0 14px;line-height:1.35;letter-spacing:.2px}
h1{font-size:clamp(26px,3.6vw,50px);font-weight:800;line-height:1.22}
h2{font-size:clamp(21px,2.6vw,34px);font-weight:800}
h3{font-size:clamp(17px,1.5vw,21px);font-weight:700}
h4{font-size:17px;font-weight:700}
input[type="text"],input[type="email"],input[type="search"],textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--white);color:var(--text);transition:border-color .2s ease,box-shadow .2s ease}
input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(194,89,45,.14);outline:none}
.container{width:min(1180px,92%);max-width:1180px;margin-left:auto;margin-right:auto}
main{display:block}
main > section{padding:clamp(46px,6.4vw,88px) 0;position:relative}
main > section > .container{position:relative;z-index:2}
.num{font-family:var(--font-title);font-variant-numeric:tabular-nums;font-weight:800;color:var(--primary);font-size:1.05em;letter-spacing:.5px}
.tag{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(122,158,126,.14);color:#41603f;border:1px solid rgba(122,158,126,.35);font-size:13px;font-weight:600;line-height:1.5;white-space:nowrap}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.button,button.button{display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border:1px solid transparent;border-radius:var(--radius-btn);background:var(--primary);color:#fff;font-weight:700;font-size:16px;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .22s ease,transform .22s ease,background-color .22s ease}
.button:hover,button.button:hover{background:var(--secondary);color:#fff;box-shadow:0 14px 30px rgba(194,89,45,.30);transform:translateY(-2px)}
.button::after{content:"→";font-size:18px;line-height:1}
.button.is-light{background:#fff;color:var(--primary);border-color:var(--border)}
.button.is-light:hover{background:#fff;color:var(--secondary);box-shadow:0 14px 30px rgba(47,34,25,.18)}
.section-topics,.section-tags{background:var(--bg)}
.section-stats{background:var(--dark);color:#f3e5da}
.section-about{background:var(--sand)}
.section-faq{background:#fff}
.section-voices{background:var(--sage-soft)}
.section-features{background:linear-gradient(160deg,#c2592d 0%,#a8471f 100%);color:#fff}
.section-steps{background:#fff}
.section-compare{background:var(--bg)}
.section-cta{background:var(--dark-2);color:#f3e5da}
#stats h2,#topics h2,#faq h2,#voices h2,#tags h2,#features h2,#steps h2,#compare h2,#cta h2{max-width:920px}
#stats h2,#topics h2,#faq h2,#tags h2,#features h2,#steps h2{margin-left:auto;margin-right:auto;text-align:center}
#stats h2,#features h2{color:#fff}
#stats > .container > p,#topics > .container > p,#faq > .container > p,#tags > .container > p,#features > .container > p,#steps > .container > p{max-width:880px;margin:0 auto 34px;text-align:center;font-size:16px;line-height:1.95}
#stats > .container > p{color:#e2cfc1}
#features > .container > p{color:#ffe7da}
#about h2{font-size:clamp(21px,2.5vw,32px)}
#hero.hero-split{background:radial-gradient(circle at 82% 18%,rgba(220,122,79,.40),transparent 52%),radial-gradient(circle at 8% 88%,rgba(122,158,126,.32),transparent 55%),linear-gradient(155deg,#221812 0%,#3a2418 58%,#2a1d16 100%);color:#fdf6f1;padding:clamp(56px,8vw,104px) 0 clamp(48px,6vw,84px);overflow:visible}
#hero .container{display:flex;flex-direction:column;justify-content:flex-end}
#hero .column.is-7{text-align:left}
#hero h1{color:#fff;margin:18px 0 20px;text-shadow:0 4px 26px rgba(0,0,0,.35);max-width:20em}
#hero p{color:#f0dccf;max-width:44em;font-size:17px;line-height:1.95}
#hero .tag{background:rgba(220,122,79,.20);border:1px solid rgba(220,122,79,.55);color:#ffd9c2;text-transform:uppercase;letter-spacing:1.4px;font-size:12px;font-weight:700}
#hero .tag .num{color:#ffe9dc}
#hero .column.is-5{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);border-radius:16px;box-shadow:0 24px 56px rgba(0,0,0,.34);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:26px 22px;display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
#hero .column.is-5 .num{flex:1 1 28%;min-width:104px;text-align:center;font-size:clamp(22px,2.6vw,36px);font-weight:800;color:#fff;line-height:1.15;padding:16px 8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:12px}
.section-stats .columns{margin-top:26px}
.section-stats .column.is-3{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-card);padding:24px 20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .22s ease,background-color .22s ease}
.section-stats .column.is-3:hover{transform:translateY(-4px);background:rgba(255,255,255,.12)}
.section-stats .num{display:block;font-size:clamp(28px,3.4vw,46px);font-weight:800;color:#ffb98f;line-height:1.1;margin-bottom:8px}
.section-stats p{color:#e6d5c9;margin:0;font-size:15px;line-height:1.85}
.section-stats h2 .num{color:#ffb98f;font-size:1em}
.section-topics .columns{margin-top:30px}
.section-topics article{background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);overflow:visible;box-shadow:var(--shadow-sm);height:100%;display:flex;flex-direction:column;transition:transform .24s ease,box-shadow .24s ease}
.section-topics article:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.section-topics article img{width:100%;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,#c2592d,#dc7a4f 55%,#7a9e7e);border-bottom:3px solid var(--primary)}
.section-topics article h3{padding:20px 20px 0;margin:0;font-size:19px;color:var(--text)}
.section-topics article p{padding:0 20px;color:var(--muted);font-size:15px;margin:10px 0 0}
.section-topics article .tags{padding:0 20px 22px;margin-top:auto}
.section-topics article .tags .num{font-size:13px;color:var(--primary);background:rgba(194,89,45,.10);border-radius:999px;padding:5px 12px}
.section-about .column.is-5 h2{margin-bottom:18px}
.section-about .column.is-5 p{color:#5a4436;font-size:16px}
.section-about .column.is-7 .column.is-6{background:#fff;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);padding:20px 20px 18px;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.section-about .column.is-7 .column.is-6:nth-child(2){border-left-color:var(--primary)}
.section-about .column.is-7 .column.is-6:nth-child(3){border-left-color:var(--secondary)}
.section-about .column.is-7 .column.is-6:nth-child(4){border-left-color:var(--dark)}
.section-about .column.is-7 .column.is-6:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.section-about h3{margin-bottom:8px;color:var(--text)}
.section-about .column.is-6 p{color:var(--muted);font-size:15px;margin:0}
.section-faq details{background:#fdf8f4;border:1px solid var(--border);border-radius:var(--radius);padding:18px 22px;margin-bottom:14px;box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}
.section-faq details:hover{border-color:var(--secondary);box-shadow:var(--shadow)}
.section-faq details[open]{border-left:5px solid var(--primary);background:#fff}
.section-faq summary{font-family:var(--font-title);font-weight:700;font-size:17px;color:var(--text);cursor:pointer;list-style:none;position:relative;padding-right:34px;line-height:1.6}
.section-faq summary::-webkit-details-marker{display:none}
.section-faq summary::after{content:"+";position:absolute;right:0;top:0;font-size:22px;color:var(--primary);font-weight:700;transition:transform .2s ease}
.section-faq details[open] summary::after{content:"–";transform:rotate(180deg)}
.section-faq details p{margin:14px 0 0;color:var(--muted);font-size:15.5px;line-height:1.95}
.section-voices .columns{margin-top:30px}
.section-voices .column.is-4 > div,.section-voices .column.is-4 > blockquote{background:#fff;border:1px solid #d8e3d7;border-radius:var(--radius-card);padding:24px 22px;box-shadow:var(--shadow-sm);height:100%;margin:0;transition:transform .22s ease,box-shadow .22s ease}
.section-voices .column.is-4 > div:hover,.section-voices .column.is-4 > blockquote:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.section-voices h3{margin:0 0 10px;color:var(--primary);font-size:18px}
.section-voices p{color:#40503e;font-size:15.5px;line-height:1.95}
.section-voices footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px;padding-top:14px;border-top:1px dashed #cfdccd;color:var(--muted);font-size:14px}
.section-voices footer .num{font-size:15px;color:var(--accent)}
.section-voices h2 .num{color:var(--primary)}
.section-tags .tags{justify-content:center;gap:10px;margin:26px auto 0;max-width:960px}
.section-tags .tag{background:#fff;border:1px solid var(--border);color:#5a4436;font-size:14px;padding:8px 16px;border-radius:999px;box-shadow:var(--shadow-sm);transition:transform .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.section-tags .tag:hover{color:#fff;background:var(--primary);border-color:var(--primary);transform:translateY(-3px);box-shadow:0 10px 22px rgba(194,89,45,.28)}
.section-tags .tag:nth-child(3n+2){background:rgba(122,158,126,.14);border-color:rgba(122,158,126,.42);color:#3f5a42}
.section-features .columns{margin-top:34px}
.section-features .column.is-3{background:#fff;border-radius:var(--radius-card);padding:26px 22px;box-shadow:0 16px 34px rgba(0,0,0,.20);color:var(--text);transition:transform .22s ease,box-shadow .22s ease}
.section-features .column.is-3:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(0,0,0,.28)}
.section-features h3{margin:0 0 10px;color:var(--primary);font-size:18px}
.section-features h3::before{content:"";display:block;width:38px;height:4px;border-radius:2px;background:var(--accent);margin-bottom:14px}
.section-features .column.is-3 p{color:var(--muted);font-size:15px;margin:0}
.section-steps .columns{margin-top:32px;counter-reset:step}
.section-steps .column.is-6{counter-increment:step;position:relative;padding:22px 22px 22px 86px;background:#fdf8f4;border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);margin-bottom:22px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.section-steps .column.is-6:hover{transform:translateY(-4px);border-color:var(--secondary);box-shadow:var(--shadow)}
.section-steps .column.is-6::before{content:"0" counter(step);position:absolute;left:22px;top:22px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:800;font-size:17px;color:#fff;background:linear-gradient(140deg,var(--primary),var(--secondary));border-radius:12px;box-shadow:0 8px 18px rgba(194,89,45,.28)}
.section-steps h3{margin:0 0 8px;font-size:18px;color:var(--text)}
.section-steps .column.is-6 p{color:var(--muted);font-size:15.5px;margin:0}
.section-compare .columns{margin-top:30px}
.section-compare table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-sm);font-size:15.5px}
.section-compare th,.section-compare td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}
.section-compare thead th{background:var(--dark);color:#f7e9de;font-family:var(--font-title);font-size:15px;letter-spacing:.4px}
.section-compare tbody tr:nth-child(odd){background:#fdf8f4}
.section-compare tbody tr:hover{background:rgba(122,158,126,.10)}
.section-compare td .num{color:var(--primary);font-size:16px}
.section-compare .column{background:#fff;border:1px solid var(--border);border-radius:var(--radius-card);padding:22px;box-shadow:var(--shadow-sm)}
.section-compare p{color:var(--muted);font-size:15.5px}
.section-cta{background:radial-gradient(circle at 88% 12%,rgba(220,122,79,.42),transparent 55%),linear-gradient(140deg,#2a1d16 0%,#3d2517 100%)}
.section-cta h2{color:#fff;margin-bottom:14px}
.section-cta p{color:#ecd9cc;font-size:16px;max-width:46em}
.section-cta .column.is-5{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}
.section-cta .column.is-5 .num{flex:1 1 28%;min-width:104px;text-align:center;padding:16px 10px;font-size:clamp(20px,2.3vw,32px);font-weight:800;color:#ffd0ae;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;line-height:1.2}
#site-header{position:sticky;top:0;z-index:80;background:rgba(42,29,22,.96);border-bottom:1px solid rgba(255,255,255,.10);box-shadow:0 8px 24px rgba(0,0,0,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#site-header .container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px;padding:10px 0}
#site-header .brand{font-family:var(--font-title);font-weight:800;font-size:19px;letter-spacing:1.6px;text-transform:uppercase;color:#fff;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
#site-header .brand::before{content:"";width:14px;height:14px;border-radius:4px;background:linear-gradient(140deg,var(--secondary),var(--primary));box-shadow:0 0 0 4px rgba(220,122,79,.18)}
#site-header .brand:hover{color:var(--secondary)}
#site-header nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
#site-header nav a{color:#e5d3c6;font-size:15px;font-weight:600;padding:9px 15px;border-radius:999px;border:1px solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
#site-header nav a:hover,#site-header nav a.is-active{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.18)}
#site-header nav .num{font-size:13px;font-weight:800;color:#fff;background:var(--primary);padding:6px 13px;border-radius:999px;letter-spacing:.6px;border:1px solid rgba(255,255,255,.16);box-shadow:0 6px 16px rgba(194,89,45,.35)}
#site-header nav .num:last-of-type{background:rgba(122,158,126,.22);color:#d9ecdb;border-color:rgba(122,158,126,.55);box-shadow:none;display:inline-flex;align-items:center;gap:7px}
#site-header nav .num:last-of-type::before{content:"";width:8px;height:8px;border-radius:50%;background:#9fd6a4;box-shadow:0 0 0 4px rgba(159,214,164,.20)}
#site-footer{background:var(--dark-2);color:#d7c4b7;padding:clamp(42px,5vw,72px) 0 0;border-top:4px solid var(--primary)}
#site-footer .columns{padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.13);margin-bottom:0}
#site-footer .column.is-4 h3,#site-footer .column.is-4 .brand-name{font-family:var(--font-title);font-size:20px;font-weight:800;color:#fff;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px;display:block}
#site-footer h3{font-family:var(--font-title);font-size:16px;color:#fff;margin-bottom:16px;letter-spacing:.8px;position:relative;padding-bottom:10px}
#site-footer h3::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:3px;border-radius:2px;background:var(--secondary)}
#site-footer p{color:#bda99b;font-size:15px;line-height:1.9;max-width:36em}
#site-footer ul{list-style:none;padding:0;margin:0}
#site-footer li{margin-bottom:10px}
#site-footer a{color:#d7c4b7;font-size:15px}
#site-footer a:hover{color:var(--secondary);padding-left:4px}
#site-footer .num{display:inline-block;margin-top:12px;font-size:15px;color:#ffb98f;background:rgba(220,122,79,.16);border:1px solid rgba(220,122,79,.36);border-radius:999px;padding:7px 16px}
#site-footer .copyright,#site-footer > .container > .footer-bottom{display:block;padding:18px 0 22px;color:#9d897c;font-size:14px;text-align:center;letter-spacing:.3px}
#site-footer::after{content:"久久爽人人爽天天爽狠狠躁人人躁篇オンラインビデオを · 片单整理与口碑索引";display:block;padding:18px 0 22px;text-align:center;color:#9d897c;font-size:14px;border-top:1px solid rgba(255,255,255,.07);font-family:var(--font-body)}
@media screen and (max-width:1024px){
h1{font-size:clamp(24px,4vw,38px)}
#hero .column.is-5{margin-top:28px}
.section-about .column.is-5{margin-bottom:26px}
.section-compare table{font-size:15px}
#site-header nav a{padding:8px 12px;font-size:14px}
}
@media screen and (max-width:768px){
main > section{padding:44px 0}
.container{width:min(1180px,94%)}
#site-header{position:sticky}
#site-header .container{flex-direction:column;align-items:stretch;gap:10px;padding:12px 0}
#site-header .brand{justify-content:center}
#site-header nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
#site-header nav a,#site-header nav .num{flex:0 0 auto}
#hero{padding:52px 0 46px}
#hero .column.is-7,#hero .column.is-5{width:100%}
#hero .column.is-5 .num{flex:1 1 44%}
.section-stats .column.is-3,.section-topics .column.is-4,.section-voices .column.is-4,.section-features .column.is-3{width:100%}
.section-stats .column.is-3{margin-bottom:16px}
.section-steps .column.is-6{padding:20px 18px 20px 18px;padding-top:76px}
.section-steps .column.is-6::before{top:18px;left:18px}
.section-compare table,.section-compare thead,.section-compare tbody,.section-compare th,.section-compare td{display:block;width:100%}
.section-compare thead{display:none}
.section-compare tbody tr{border-bottom:1px solid var(--border);padding:10px 0}
.section-compare td{border-bottom:none;padding:8px 16px}
.section-cta .column.is-5 .num{flex:1 1 30%}
#site-footer .column.is-4,#site-footer .column.is-2{width:100%;margin-bottom:26px}
#site-footer .columns{padding-bottom:14px}
}
@media screen and (max-width:520px){
body{font-size:15.5px}
h1{font-size:23px}
h2{font-size:20px}
#hero h1{max-width:100%}
#hero .column.is-5{padding:18px 14px;gap:10px}
#hero .column.is-5 .num{flex:1 1 100%;font-size:22px;padding:12px 8px}
.section-cta .column.is-5 .num{flex:1 1 100%}
.tags{gap:6px}
.tag{font-size:12px;padding:4px 10px}
.button,button.button{width:100%;justify-content:center;padding:12px 18px;font-size:15px}
.section-faq details{padding:16px 16px}
.section-faq summary{font-size:15.5px}
.section-steps .column.is-6{padding:18px 16px 18px 16px;padding-top:72px}
#site-footer{padding-top:36px}
#site-footer .num{width:100%;text-align:center}
}

html,body{max-width:100%!important;overflow-x:clip!important}
body,main{transform:none!important;left:auto!important;right:auto!important}
main{width:100%;max-width:100%;display:block;position:relative}
section,article,.section,.hero,header,footer,.pg-extra{max-width:100%;overflow:visible!important}
p,h1,h2,h3,h4,h5,h6,li{overflow:visible!important;max-width:100%;text-indent:0}
.min-h-screen{min-height:72vh}
.text-transparent,[class~="text-transparent"],.bg-clip-text{color:inherit!important;-webkit-text-fill-color:currentColor!important;background-clip:border-box!important;-webkit-background-clip:border-box!important}
img,svg,video,canvas{max-width:100%;height:auto}
.stat-row .stat .num,.stat .num,.hero-stats .num,.stat b,.stat strong,.hero-stats strong,.hero-stats b{display:block!important;font-size:clamp(28px,4vw,42px)!important;font-weight:800!important;line-height:1.15!important;overflow:visible!important;max-width:none!important;white-space:nowrap}
.section:not(.dark-band):not(.hero) .stat,.stat-row .stat{background:var(--pg-card,#fff)!important;color:var(--pg-ink,#1c1915)!important}
.section:not(.dark-band) .stat p,.section:not(.dark-band) .stat span:not(.num){color:var(--pg-muted,#6b6258)!important}
.dark-band .stat,.hero .stat,.hero-stats>div{background:rgba(255,255,255,.12)!important}
.dark-band .stat .num,.hero .num,.hero-stats strong,.hero-stats b{color:#f8e7c8!important}
.card .num{width:auto!important;height:auto!important;min-width:0!important}
mark,mark[data-pg-kw]{background:transparent!important;color:inherit!important;padding:0!important}