:root{--color-brand: #e5322d;--color-brand-hover: #c42824;--color-accent: #1a1a1a;--color-accent-soft: #4b5563;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-text: #1a1a1a;--color-text-muted: #6b7280;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-fill: #f9fafb;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 14px rgba(0, 0, 0, .08);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .1);--radius-card: 8px;--radius-btn: 6px;--max-width: 1200px;--sidebar-width: 300px;--gap: 24px;--header-h: 60px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 20px;position:sticky;top:0;z-index:100}.site-header__inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--header-h)}.site-header__logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.0625rem;color:var(--color-text);text-decoration:none;letter-spacing:-.03em;flex-shrink:1;min-width:0}.site-header__logo:hover{color:var(--color-text);text-decoration:none}.site-header__logo-mark{width:28px;height:28px;background:var(--color-brand);border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:800}.site-header__logo-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:479px){.site-header{padding:0 16px}.site-header__logo-text{max-width:46vw;font-size:.9375rem}}.site-main{padding-bottom:48px}.page-layout{max-width:var(--max-width);margin:0 auto;padding:0 20px;display:grid;gap:var(--gap)}@media(min-width:960px){.page-layout--sidebar{grid-template-columns:1fr var(--sidebar-width);align-items:start}}.page-layout__main{display:flex;flex-direction:column;gap:var(--gap);min-width:0}.page-layout__aside{min-width:0}@media(max-width:959px){.page-layout__aside--desktop-only{display:none}}.qr-cta{background:var(--color-surface);border-radius:var(--radius-card);padding:24px 20px;text-align:center;border:1px solid var(--color-border)}@media(min-width:960px){.qr-cta--sidebar{position:sticky;top:calc(var(--header-h) + 16px)}}.qr-cta__label{display:block;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:8px}.qr-cta__code-wrap{padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-btn);display:inline-block;margin-bottom:12px;background:var(--color-surface)}.qr-cta__code{width:180px;height:180px;margin:0 auto;display:block}@media(min-width:480px){.qr-cta__code{width:200px;height:200px}}.qr-cta__title{font-size:1rem;font-weight:600;margin-bottom:6px}.qr-cta__hint{color:var(--color-text-muted);font-size:.8125rem;margin-bottom:16px;line-height:1.5}.qr-cta__guide{margin-top:16px;border-radius:var(--radius-btn);border:1px solid var(--color-border)}.wechat-banner{display:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:24px 20px;text-align:center;margin-top:var(--gap)}@media(max-width:959px){.wechat-banner{display:block}}.oa-follow{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:24px 20px;text-align:center;margin-top:var(--gap)}.oa-follow__title{font-size:1rem;font-weight:600;margin:0 0 6px;color:var(--color-text)}.oa-follow__hint{color:var(--color-text-muted);font-size:.8125rem;margin:0 0 16px;line-height:1.55}.oa-follow__banner-wrap{display:block;max-width:520px;margin:0 auto}.oa-follow__banner{width:100%;height:auto;border-radius:var(--radius-btn);border:1px solid var(--color-border);display:block}.site-footer{background:#2d2d2d;color:#9ca3af;font-size:.8125rem;padding:48px 20px 28px;margin-top:48px}.site-footer a{color:#d1d5db;text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}.site-footer__grid{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:28px 24px}@media(min-width:768px){.site-footer__grid{grid-template-columns:repeat(4,1fr)}}.site-footer__col-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fff;margin:0 0 14px}.site-footer__links{list-style:none;margin:0;padding:0}.site-footer__links li{margin-bottom:8px}.site-footer__bottom{max-width:var(--max-width);margin:32px auto 0;padding-top:24px;border-top:1px solid #404040;text-align:center;font-size:.75rem;color:#6b7280}.site-footer__note{color:#e5e7eb;font-size:.8125rem;margin-bottom:8px}.breadcrumb{font-size:.8125rem;color:var(--color-text-muted);margin-bottom:16px}.breadcrumb a{color:var(--color-text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--color-brand)}.breadcrumb span{margin:0 8px;color:var(--color-border-strong)}.home-hero{position:relative;background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-bg) 100%);border-bottom:1px solid var(--color-border);padding:44px 20px 40px;text-align:center;overflow:hidden}.home-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--color-brand) 18%,var(--color-brand) 82%,transparent 100%);opacity:.85}.home-hero:after{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:min(640px,90vw);height:240px;background:radial-gradient(ellipse at center,rgba(229,50,45,.06) 0%,transparent 70%);pointer-events:none}.home-hero__inner{position:relative;z-index:1;max-width:720px;margin:0 auto}.home-hero__eyebrow{display:inline-block;margin:0 0 14px;padding:4px 12px;font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--color-brand);background:#e5322d14;border:1px solid rgba(229,50,45,.15);border-radius:999px}.home-hero h1{font-size:1.75rem;font-weight:700;color:var(--color-text);margin:0 0 14px;line-height:1.25;letter-spacing:-.03em}.home-hero__desc{font-size:1rem;line-height:1.65;color:var(--color-text-muted);margin:0 0 20px}.home-hero__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px}.home-hero__tag{display:inline-flex;align-items:center;padding:8px 16px;font-size:.875rem;font-weight:500;color:var(--color-text);text-decoration:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;box-shadow:var(--shadow-sm);transition:color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.home-hero__tag:hover{color:var(--color-brand);border-color:#e5322d59;box-shadow:var(--shadow-md)}.home-hero__tag:active{transform:scale(.98)}.home-hero__cta{margin:0;font-size:.8125rem;color:var(--color-text-muted);line-height:1.5}.home-hero__cta:before{content:"↓ ";opacity:.6}@media(min-width:768px){.home-hero{padding:56px 20px 48px}.home-hero h1{font-size:2.25rem}.home-hero__desc{font-size:1.0625rem}}.tools-section{padding:32px 0 8px}.category-section{margin-bottom:40px}.category-section__head{margin-bottom:20px}.category-section__title{font-size:1.25rem;font-weight:600;margin:0 0 6px;color:var(--color-text)}.category-section__desc{font-size:.875rem;color:var(--color-text-muted);margin:0;line-height:1.5}.tool-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:540px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.tool-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;background:var(--color-surface);border-radius:var(--radius-card);text-align:left;color:var(--color-text);text-decoration:none;border:1px solid var(--color-border);min-height:140px;transition:box-shadow .2s,border-color .2s,transform .15s;-webkit-tap-highlight-color:transparent}.tool-card:active{transform:scale(.99)}@media(hover:hover){.tool-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover);text-decoration:none;transform:translateY(-2px)}}.tool-card__icon{width:40px;height:40px;object-fit:contain}.tool-card__title{font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--color-text)}.tool-card__desc{font-size:.8125rem;color:var(--color-text-muted);line-height:1.5;margin:0;flex:1}.tool-card--compact{min-height:auto;padding:16px}.tool-card--compact .tool-card__desc{display:none}.hero{background:var(--color-surface);border-radius:var(--radius-card);padding:32px 28px;border:1px solid var(--color-border)}.hero__title{font-size:1.625rem;font-weight:700;margin-bottom:10px;color:var(--color-text);letter-spacing:-.03em}.hero__subtitle{color:var(--color-text-muted);font-size:1rem;margin-bottom:24px;line-height:1.6}.hero__image{border-radius:var(--radius-btn);overflow:hidden;border:1px solid var(--color-border)}@media(min-width:768px){.hero--split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.hero--split .hero__image{margin:0}.hero__title{font-size:1.875rem}}@media(max-width:479px){.hero{padding:24px 16px}.hero__title{font-size:1.375rem}}.faq-item{border-bottom:1px solid var(--color-border);padding:14px 0}.faq-item:last-child{border-bottom:none}.faq-item summary{font-weight:500;cursor:pointer;list-style:none;font-size:.9375rem;line-height:1.5;color:var(--color-text);padding-right:24px;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:0;top:0;font-size:1.125rem;font-weight:400;color:var(--color-text-muted)}.faq-item[open] summary:after{content:"−"}.faq-item p{margin-top:10px;color:var(--color-text-muted);font-size:.9375rem;line-height:1.65}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:540px){.related-grid{grid-template-columns:repeat(3,1fr)}}.steps-list{counter-reset:step;list-style:none;padding:0;margin:0}@media(min-width:768px){.steps-list--horizontal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.steps-list--horizontal li{margin-bottom:0;padding-top:48px;padding-left:14px;text-align:center}.steps-list--horizontal li:before{left:50%;top:14px;transform:translate(-50%)}}.steps-list li{counter-increment:step;position:relative;padding:14px 14px 14px 44px;margin-bottom:10px;background:var(--color-fill);border-radius:var(--radius-btn);font-size:.9375rem;line-height:1.55;border:1px solid var(--color-border)}.steps-list li:before{content:counter(step);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;line-height:22px;text-align:center;background:var(--color-brand);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600}.promo-image{border-radius:var(--radius-btn);overflow:hidden;background:var(--color-fill);border:1px solid var(--color-border)}.promo-image img{width:100%}.info-box{background:var(--color-fill);border:1px solid var(--color-border);border-left:3px solid var(--color-brand);padding:14px 16px;margin:16px 0;font-size:.9375rem;color:var(--color-text-muted);line-height:1.65;border-radius:0 var(--radius-btn) var(--radius-btn) 0}.page-layout__main .breadcrumb{padding:20px 0 0}@media(max-width:959px){.page-layout{padding:0 16px}.qr-cta__code{width:min(200px,55vw);height:min(200px,55vw)}}.site-nav{display:none;align-items:center;gap:4px}@media(min-width:768px){.site-nav{display:flex}}.nav-dropdown{position:relative}.nav-dropdown__trigger{display:flex;align-items:center;gap:4px;padding:8px 14px;font-size:.875rem;font-weight:500;color:var(--color-text);background:none;border:none;border-radius:var(--radius-btn);cursor:pointer;font-family:inherit;transition:background .15s}.nav-dropdown__trigger:hover,.nav-dropdown:focus-within .nav-dropdown__trigger{background:var(--color-fill)}.nav-dropdown__chevron{font-size:.625rem;opacity:.5}.nav-dropdown__panel{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;max-height:70vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-md);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:200}.nav-dropdown:hover .nav-dropdown__panel,.nav-dropdown:focus-within .nav-dropdown__panel{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown__link{display:block;padding:8px 12px;font-size:.8125rem;color:var(--color-text);border-radius:var(--radius-btn);text-decoration:none;transition:background .12s}.nav-dropdown__link:hover{background:var(--color-fill);color:var(--color-brand);text-decoration:none}.nav-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:1px solid var(--color-border);border-radius:var(--radius-btn);cursor:pointer;color:var(--color-text)}.nav-toggle__bar{display:block;width:18px;height:2px;background:currentColor;position:relative}.nav-toggle__bar:before,.nav-toggle__bar:after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor}.nav-toggle__bar:before{top:-6px}.nav-toggle__bar:after{top:6px}@media(min-width:768px){.nav-toggle{display:none}}.nav-drawer{position:fixed;inset:0;z-index:300;pointer-events:none;visibility:hidden}.nav-drawer.is-open{pointer-events:auto;visibility:visible}.nav-drawer__backdrop{position:absolute;inset:0;background:#0006;opacity:0;transition:opacity .2s}.nav-drawer.is-open .nav-drawer__backdrop{opacity:1}.nav-drawer__panel{position:absolute;top:0;right:0;width:min(320px,88vw);height:100%;background:var(--color-surface);box-shadow:var(--shadow-md);transform:translate(100%);transition:transform .25s ease;overflow-y:auto;padding:20px 16px 32px}.nav-drawer.is-open .nav-drawer__panel{transform:translate(0)}.nav-drawer__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:auto;margin-bottom:16px;background:var(--color-fill);border:none;border-radius:var(--radius-btn);cursor:pointer;font-size:1.25rem;line-height:1;color:var(--color-text)}.nav-drawer__group{margin-bottom:20px}.nav-drawer__group-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 8px;padding:0 8px}.nav-drawer__link{display:block;padding:10px 8px;font-size:.9375rem;color:var(--color-text);text-decoration:none;border-radius:var(--radius-btn)}.nav-drawer__link:hover{background:var(--color-fill);color:var(--color-brand);text-decoration:none}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}body.nav-open{overflow:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-brand)}h1,h2,h3{line-height:1.25;margin:0 0 .75em;letter-spacing:-.02em;font-weight:600}p{margin:0 0 1em}p:last-child{margin-bottom:0}ul,ol{margin:0 0 1em;padding-left:1.25em}.card{background:var(--color-surface);border-radius:var(--radius-card);padding:28px 24px;border:1px solid var(--color-border)}.section-title{font-size:1.125rem;font-weight:600;margin-bottom:20px;color:var(--color-text);letter-spacing:-.02em}.muted{color:var(--color-text-muted);font-size:.9375rem}.page-shell{max-width:var(--max-width);margin:0 auto;padding:0 20px}@media(max-width:479px){.card{padding:20px 16px}.page-shell{padding:0 16px}}