:root{--doc-brand-color: #FF6B35;--doc-brand-light: #FF8C61;--doc-brand-dark: #E85A2D;--doc-font-primary-color: #1F2937;--doc-font-secondary-color: #4B5563;--doc-accent-color: #94A3B8;--doc-bg-color: #FFFFFF;--doc-table-head-bg: #FFF7F3;--doc-table-border: #F0DDD5;--doc-icon-hover-bg-color: #F3F4F6;--doc-icon-gray: #787774;--doc-icon-red: #D44C47;--doc-border-gray: #E5E7EB;--doc-card-shadow-light: rgba(0, 0, 0, 0.01);--muted-bg: var(--gray-200);--note-bg: #eef6ff;--tip-bg: #f3faf3;--important-bg: #f5f0ff;--warning-bg: #fff6e5;--caution-bg: #fff0f0;--none-bg: var(--body-background);--muted-border: #d6d8db;--note-border: #a0c6ff;--tip-border: #c3e8c3;--important-border: #c8a9e1;--warning-border: #f0e2b4;--caution-border: #f3c4c4;--none-border: var(--gray-200)}@media (prefers-color-scheme: dark){:root{--doc-brand-color: #FF9F7A;--doc-brand-light: #FFB8A0;--doc-brand-dark: #F08050;--doc-font-primary-color: #E5E7EB;--doc-font-secondary-color: #D1D5DB;--doc-accent-color: #C3C9D3;--doc-bg-color: #0F172A;--doc-table-head-bg: #161C2F;--doc-table-border: #2A2F3A;--doc-icon-hover-bg-color: #1E293B;--doc-icon-gray: #787774;--doc-icon-red: rgba(176, 60, 57, 0.85);--doc-border-gray: #374151;--doc-card-shadow-light: transparent;--note-bg: #1e2a44;--tip-bg: #1f3323;--important-bg: #2a2340;--warning-bg: #3a2f1a;--caution-bg: #3b1f1f;--muted-border: #495057;--note-border: #4a74b3;--tip-border: #6fa86f;--important-border: #7f6a97;--warning-border: #c9b28f;--caution-border: #d68f8f}}@font-face{font-family:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url("/fonts/Nunito-VariableFont_wght.woff2") format("woff2");unicode-range:U+0000-00FF, U+2000-206F}@font-face{font-family:'Nunito';font-style:italic;font-weight:200 1000;font-display:swap;src:url("/fonts/Nunito-VariableFont_wght.woff2") format("woff2");unicode-range:U+0000-00FF, U+2000-206F}@font-face{font-family:'Andika';font-style:normal;font-weight:normal;font-display:swap;src:url("/fonts/andika-ipa-subset.woff2") format("woff2");unicode-range:U+0250-02AF, U+02B0-02FF, U+1D00-1D7F}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,0.25) transparent}*::-webkit-scrollbar{width:6px;height:6px;display:block !important}@media (max-width: 768px){*::-webkit-scrollbar{width:2px;height:2px}}*::-webkit-scrollbar-track{background:transparent;border-radius:4px}*::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.25);border-radius:4px;border:1px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--doc-brand-color) !important}:root{--c-brand: var(--doc-brand-color);--c-brand-dark: var(--doc-brand-dark);--c-accent: var(--doc-accent-color, #ffb300);--c-bg-body: white;--c-bg-surface: white;--c-bg-soft: var(--note-bg, #f7f7f8);--c-bg-nav: rgba(255, 255, 255, 0.9);--c-text-main: #333;--c-text-muted: #666;--c-text-inverse: white;--border-color: var(--muted-border, #eaeaea);--shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.05);--shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.1);--container-width: 62rem;--gap-md: 24px;--gap-lg: 60px;--gap-xl: 100px}@media (max-width: 768px){:root{--container-width: 100%}}@media (prefers-color-scheme: dark){:root{--c-bg-body: #343a40;--c-bg-surface: #3b4248;--c-bg-soft: #2b3035;--c-bg-nav: rgba(52, 58, 64, 0.9);--c-text-main: #e9ecef;--c-text-muted: #adb5bd;--c-text-inverse: #333;--border-color: #495057;--shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.3)}}*,*::before,*::after{box-sizing:border-box}html{scrollbar-gutter:stable both-edges;scroll-behavior:smooth}body{color:var(--c-text-main);background:var(--c-bg-body);font-family:"Nunito", -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;margin:0}body>*{max-width:100vw}a{text-decoration:none;color:inherit;transition:all 0.2s ease}h1,h2,h3,h4{margin:0 0 1rem;font-weight:600;line-height:1.2}h2{font-size:1.675rem}@media (max-width: 768px){h2{font-size:1.4rem}}h3{font-size:1.25rem}p{margin-bottom:1rem;color:var(--c-text-muted)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0rem 1rem}.flex-center,.card__icon{display:flex;align-items:center;justify-content:center}.section-headline{text-align:center;max-width:600px;margin:2rem auto 60px}.split-layout{display:flex;align-items:center;gap:var(--gap-lg);padding-top:var(--gap-xl);padding-bottom:var(--gap-xl)}.split-layout--reverse{flex-direction:row-reverse}@media (max-width: 768px){.split-layout{flex-direction:column-reverse;padding:var(--gap-lg) 0.5rem;gap:40px;text-align:center}.split-layout--reverse{flex-direction:column-reverse}}.split-layout__content{flex:1}.split-layout__media{flex:1;display:flex;justify-content:center}.split-layout__media img{max-width:28rem;width:100%}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:30px;min-width:0}.bg-soft{background:var(--c-bg-soft)}.btn{flex-shrink:1;display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:6px;font-weight:600;cursor:pointer}.btn--primary{background:var(--c-brand);color:var(--c-text-inverse);border-radius:50px}.btn--primary:hover{box-shadow:0 4px 4px rgba(0,0,0,0.2)}.btn--ghost{background:transparent;color:var(--c-text-main)}.btn--ghost:hover{background:rgba(0,0,0,0.05)}.btn--outline{background:var(--c-bg-soft);color:var(--c-text-main);border-radius:50px}.btn--sm{padding:6px 16px;font-size:0.9rem}.btn--md{padding:10px 24px;font-size:1rem}.btn--lg{padding:12px 32px;font-size:1.1rem}@media (max-width: 768px){.btn--lg{border-radius:24px;margin:0.5rem 1rem}}.card{background:var(--c-bg-surface);padding:32px 24px;border-radius:12px;border:1px solid var(--border-color);transition:all 0.3s ease;min-width:0;word-wrap:break-word}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm);border-color:transparent}.card__icon{width:50px;height:50px;background:var(--c-bg-soft);border-radius:12px;font-size:1.5rem;margin-bottom:20px}.card--qr-hover{position:relative;overflow:hidden;min-height:180px}.card--qr-hover .card__front{transition:opacity 0.3s, transform 0.3s}.card--qr-hover .card__front .hover-hint{display:block;font-size:0.8rem;color:var(--c-brand);margin-top:12px;opacity:0.7}.card--qr-hover .card__front .hover-hint::after{content:"悬停查看二维码 →"}@media (hover: none){.card--qr-hover .card__front .hover-hint::after{content:"点击查看二维码 →"}}.card--qr-hover .card__qr-reveal{position:absolute;inset:0;background:rgba(var(--c-bg-surface-rgb), 0.95);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(10px);transition:all 0.3s ease;padding:0.5rem}.card--qr-hover .card__qr-reveal img{height:80%;box-shadow:var(--shadow-sm)}.card--qr-hover .card__qr-reveal span{margin-top:12px;font-size:0.85rem;color:var(--c-text-muted)}.card--qr-hover:hover .card__front{opacity:0.1;filter:blur(2px)}.card--qr-hover:hover .card__qr-reveal{opacity:1;transform:translateY(0)}@media (hover: none){.card--qr-hover .card__qr-reveal{opacity:0;transform:scale(0.9)}.card--qr-hover.active .card__qr-reveal,.card--qr-hover:active .card__qr-reveal{opacity:1;transform:scale(1)}}.tag{display:inline-block;padding:4px 1rem;border-radius:20px;font-size:0.85rem;font-weight:600}.tag--intro{background:var(--c-bg-soft);color:var(--c-brand);margin-bottom:1.2rem;border-radius:0 20px 20px 0}.tag--highlight{background:var(--c-bg-soft);color:var(--c-brand)}.tag--label{text-transform:uppercase;letter-spacing:1px;font-size:0.8rem;margin-bottom:12px;color:var(--c-brand)}.text-highlight{position:relative;z-index:1}.text-highlight::after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:8px;z-index:-1;border-radius:4px}.text-muted{font-size:0.8rem;margin-top:20px;opacity:0.6}.text-warning{margin-top:2.125rem;color:var(--doc-accent-color);font-weight:bold}.text-caution{text-decoration:underline}.navbar{height:70px;position:sticky;top:0;background:var(--c-bg-nav);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--border-color);display:flex;align-items:center}.navbar__content{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar__brand{font-size:1.25rem;font-weight:800;display:flex;gap:8px;color:var(--c-brand)}.navbar__menu{display:flex;align-items:center}@media (max-width: 768px){.navbar__menu{display:none}}.navbar__menu a:not(.btn){font-weight:500;color:var(--c-text-muted);margin:0 0 0 1rem;white-space:nowrap}.navbar__menu a:not(.btn):hover,.navbar__menu a:not(.btn).active{color:var(--c-brand)}.navbar__menu a.btn{margin:0 0 0 1rem;padding:5px 0.8rem;white-space:nowrap}.navbar__menu .divider-y{width:1px;height:1.6rem;background:#e5e7eb;margin:0 0 0 1rem}.navbar__menu_dropdown{display:none;position:relative}@media (max-width: 768px){.navbar__menu_dropdown{display:flex}}.navbar__menu_dropdown .dropdown-btn{padding:0;background:none;border:none;cursor:pointer;color:var(--c-text-muted);display:flex;align-items:center;justify-content:center}.navbar__menu_dropdown .dropdown-btn svg{width:1.25rem;height:1.25rem;display:block}.navbar__menu_dropdown .menu{position:absolute;right:0;top:calc(100% + 0.5rem);border-radius:0.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);padding:0.5rem 0;z-index:1001;opacity:0;pointer-events:none;transform:scale(0.95);transition:all 0.1s;min-width:max-content;white-space:nowrap}.navbar__menu_dropdown .menu .auth-guest,.navbar__menu_dropdown .menu .auth-user{flex-direction:column;align-items:stretch;gap:0}.navbar__menu_dropdown .menu a{display:block;padding:0.6rem 1.2rem;color:var(--c-text-muted);font-size:0.875rem;text-decoration:none;text-align:right}.navbar__menu_dropdown .menu a:hover{background:var(--c-brand);color:white}.navbar__menu_dropdown .menu a.btn{margin:0.5rem 1.2rem;text-align:center}.navbar__menu_dropdown .menu a.brand-color{color:var(--doc-brand-color)}.navbar__menu_dropdown:hover .menu,.navbar__menu_dropdown:focus-within .menu{opacity:1;pointer-events:auto;transform:scale(1);background:var(--c-bg-nav);backdrop-filter:blur(10px)}html:not(.is-admin) .admin-link{display:none !important}.auth-guest,.auth-user{display:none;gap:10px;align-items:center}html:not(.is-logged-in) .auth-guest{display:flex}html.is-logged-in .auth-user{display:flex}.hero h1{font-size:3.5rem;margin-bottom:24px;color:var(--c-brand)}@media (max-width: 768px){.hero h1{font-size:2.5rem}}.hero .slogan-note{font-size:1rem;margin-top:1rem;margin-bottom:4rem}.hero img{animation:float 6s ease-in-out infinite}@media (max-width: 768px){.hero img{width:80%}}.hero .hero-btns{display:flex;flex-direction:row;gap:1rem}@media (max-width: 768px){.hero .hero-btns{flex-direction:column;gap:10px}}.check-list{list-style:none;padding:0;margin-top:30px;text-align:left}.check-list li{position:relative;padding-left:30px;margin-bottom:16px}.check-list li::before{content:"✓";position:absolute;left:0;color:var(--c-accent);font-weight:900}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}@media (max-width: 768px){.problem-grid{grid-template-columns:1fr}}.toc-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px;min-width:0}.toc-grid .card{padding:24px}.toc-grid .card--tall{grid-row:span 2}.toc-grid .card--wide{grid-column:span 2}@media (max-width: 768px){.toc-grid{grid-template-columns:1fr}.toc-grid .card--tall,.toc-grid .card--wide{grid-column:span 1;grid-row:span 1}}.toc-grid .pill-group{display:flex;flex-wrap:wrap;gap:8px}.toc-grid .pill-group span{font-size:0.85rem;padding:4px 10px;background:var(--c-bg-soft);color:var(--c-text-muted);border-radius:6px}.toc-grid .pill-group span:hover{color:var(--c-brand);background:var(--c-bg-soft)}.pricing-section{margin-top:5rem;padding-bottom:4rem;padding-top:1rem}@media (max-width: 768px){.pricing-section{padding-bottom:0}}.pricing-section .pricing-card{max-width:50rem;margin:0 auto;text-align:center;position:relative;box-shadow:var(--shadow-lg);border:1px solid var(--border-color)}.pricing-section .card{padding-top:3.5rem;padding-bottom:1.825rem}@media (max-width: 768px){.pricing-section .card{border-radius:12px 12px 0 0}}.pricing-section .badge-top{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--c-brand-dark);color:white;padding:6px 16px;border-radius:20px;font-weight:700;font-size:0.9rem}.pricing-section .price{margin:30px 0}.pricing-section .price .amount{font-size:4.5rem;font-weight:800;line-height:1;color:var(--c-brand)}.pricing-section .price .currency{font-size:1.5rem;vertical-align:top;font-weight:600}.pricing-section .benefit-list{display:inline-block;text-align:left;margin-bottom:40px}.pricing-section .benefit-list li{margin-bottom:10px}.footer{padding:40px 0;text-align:center;border-top:1px solid var(--border-color);font-size:0.9rem;color:var(--c-text-muted)}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-15px)}}