*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#111827;background:#f8fafc;margin:0;font-family:Arial,Helvetica,sans-serif;transition:background .3s,color .3s}button{font:inherit}.site-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;min-height:82px;padding:0 8%;display:flex;position:relative}.site-header .logo{color:#111827;letter-spacing:-1px;flex-shrink:0;align-items:center;gap:10px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.logo img{width:36px;height:36px;display:block}.header-actions{align-items:center;display:flex}.main-nav{align-items:center;gap:35px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.main-nav a{color:#374151;white-space:nowrap;font-size:15px;font-weight:500;text-decoration:none;transition:color .25s;position:relative}.main-nav a:after{content:"";transform-origin:0;background:#14b8a6;width:100%;height:2px;transition:transform .25s;position:absolute;bottom:-7px;left:0;transform:scaleX(0)}.main-nav a:hover{color:#0f766e}.main-nav a:hover:after{transform:scaleX(1)}.main-nav a:focus-visible{outline-offset:5px;outline:2px solid #14b8a6}.menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;padding:8px;display:none}.menu-toggle span{background:#111827;border-radius:2px;width:20px;height:2px;transition:transform .3s,opacity .3s;display:block}.menu-toggle.active span:first-child{transform:translateY(7px)rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}html[data-theme=dark] .menu-toggle{border-color:#374151}html[data-theme=dark] .menu-toggle span{background:#fff}.theme-toggle{cursor:pointer;color:#64748b;background:#e5e7eb;border:none;border-radius:30px;justify-content:space-between;align-items:center;width:66px;height:34px;padding:4px;transition:background .3s;display:flex;position:relative}.sun-icon,.moon-icon{z-index:2;text-align:center;pointer-events:none;width:24px;font-size:15px;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .3s;position:absolute;top:4px;left:4px;box-shadow:0 1px 4px #0002}@media (width<=768px){.menu-toggle{display:flex}}.site-footer{color:#fff;background:#111827;padding:55px 7% 20px}.footer-container{grid-template-columns:2fr 1fr 1fr;gap:50px;max-width:1200px;margin:auto;padding-bottom:40px;display:grid}.footer-brand p{color:#94a3b8;margin-top:15px;line-height:1.7}.site-footer .logo{color:#fff;text-decoration:none}.site-footer .logo span{color:#fff}.footer-column{flex-direction:column;gap:13px;display:flex}.footer-column h3{margin:0 0 8px;font-size:16px}.footer-column a{color:#94a3b8;text-decoration:none;transition:color .2s}.footer-column a:hover{color:#14b8a6}.footer-bottom{text-align:center;color:#94a3b8;border-top:1px solid #374151;padding-top:20px;font-size:13px}.footer-bottom p{margin:0}html[data-theme=dark] body{color:#f9fafb;background:#111827}html[data-theme=dark] .site-header{background:#111827;border-color:#263445}html[data-theme=dark] .site-header .logo{color:#fff}html[data-theme=dark] .main-nav a{color:#cbd5e1}html[data-theme=dark] .main-nav a:hover{color:#5eead4}html[data-theme=dark] .theme-toggle{color:#fff;background:#14b8a6}html[data-theme=dark] .toggle-thumb{transform:translate(32px)}@media (width<=768px){.site-header{z-index:1000;min-height:72px;padding:0 20px;position:relative}.header-actions{flex-shrink:0;gap:10px}.menu-toggle{display:flex}.main-nav{z-index:1000;background:#fff;border-bottom:1px solid #e5e7eb;flex-direction:column;align-items:stretch;gap:0;padding:12px 22px;display:none;position:absolute;top:100%;left:0;right:0;transform:none;box-shadow:0 8px 20px #0000001a}.main-nav.is-open{display:flex}.main-nav a{padding:15px 5px;font-size:15px;display:block}.main-nav a:after{display:none}html[data-theme=dark] .main-nav{background:#111827;border-color:#374151}.footer-container{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-brand{grid-column:1/-1}}@media (width>=769px){.menu-toggle{display:none}.main-nav{position:none;display:flex;left:50%;transform:translate(-50%)}}@media (width<=480px){.site-header{min-height:68px;padding:0 12px}.site-header .logo{letter-spacing:-.7px;gap:8px;font-size:16px}.site-header .logo img{width:32px;height:32px}.header-actions{gap:8px}.menu-toggle{width:38px;height:38px}.theme-toggle{width:58px;height:32px}html[data-theme=dark] .toggle-thumb{transform:translate(24px)}}@media (width<=360px){.site-header{padding:0 10px}.site-header .logo{gap:6px;font-size:14px}.site-header .logo img{width:29px;height:29px}.header-actions{gap:6px}.menu-toggle{width:36px;height:36px}.theme-toggle{width:54px}html[data-theme=dark] .toggle-thumb{transform:translate(20px)}}@media (width<=600px){.site-footer{padding:45px 20px 20px}.footer-container{grid-template-columns:1fr 1fr;gap:30px 16px;padding-bottom:30px}.footer-brand{grid-column:1/-1}.footer-brand p,.footer-column h3{font-size:14px}.footer-column a{font-size:13px;line-height:1.5}.footer-bottom{font-size:11px;line-height:1.7}}@media (width<=360px){.footer-container{grid-template-columns:1fr}.footer-brand{grid-column:auto}}@media (width<=768px){.nav-dropdown{width:100%}.nav-dropdown-toggle{text-align:left;width:100%;padding:14px 5px}.nav-dropdown-menu,.nav-submenu{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:4px 0 4px 12px;display:block;position:static}.nav-dropdown-menu{display:none}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-expanded .nav-dropdown-menu{display:block}.nav-submenu{padding-left:15px;display:block}.nav-submenu a{padding:9px 10px;font-size:13px}.nav-parent{font-weight:700}.footer-container{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=480px){.footer-container{grid-template-columns:1fr}.footer-brand{grid-column:auto}}.nav-dropdown{position:relative}.nav-dropdown-toggle{color:#374151;font:inherit;cursor:pointer;background:0 0;border:0;padding:12px 0;font-size:15px;font-weight:500}.nav-dropdown-menu{z-index:1200;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:245px;padding:10px;display:none;position:absolute;top:100%;left:-18px;box-shadow:0 16px 35px #0f172a24}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-expanded .nav-dropdown-menu{display:block}.nav-dropdown-menu>a,.nav-parent,.nav-submenu a{color:#334155;white-space:normal;border-radius:7px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;text-decoration:none;display:flex}.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{color:#0f766e;background:#f0fdfa}.nav-subgroup{position:relative}.nav-submenu{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:260px;padding:8px;display:none;position:absolute;top:0;left:100%;box-shadow:0 16px 35px #0f172a24}.nav-subgroup:hover .nav-submenu,.nav-subgroup:focus-within .nav-submenu{display:block}.nav-dropdown-toggle:focus-visible,.nav-dropdown-menu a:focus-visible{outline-offset:2px;outline:2px solid #0d9488}.footer-container{grid-template-columns:1.6fr 1.5fr 1fr 1fr}.footer-column h2{margin:0 0 8px;font-size:16px}.footer-column a{line-height:1.45}.site-footer{padding-top:48px}@media (width<=768px){.nav-dropdown{width:100%}.nav-dropdown-toggle{text-align:left;width:100%;padding:14px 5px}.nav-dropdown-menu,.nav-submenu{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:4px 0 4px 12px;display:block;position:static}.nav-dropdown-menu{display:none}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-expanded .nav-dropdown-menu{display:block}.nav-submenu{padding-left:15px;display:block}.nav-submenu a{padding:9px 10px;font-size:13px}.nav-parent{font-weight:700}.footer-container{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (width<=480px){.footer-container{grid-template-columns:1fr}.footer-brand{grid-column:auto}}:root{color-scheme:light;--page-bg:#f5f7f8;--surface:#fff;--surface-soft:#eef3f4;--surface-raised:#fff;--text-primary:#24313d;--text-secondary:#536372;--text-muted:#687887;--border-color:#dce4e8;--accent:#087f78;--accent-hover:#06665f;--accent-soft:#e1f3f0;--link-color:#08756f;--shadow-soft:0 8px 28px #1e303a12}html[data-theme=dark]{color-scheme:dark;--page-bg:#151d26;--surface:#1c2732;--surface-soft:#222f3b;--surface-raised:#202c37;--text-primary:#e5edf2;--text-secondary:#c1cdd6;--text-muted:#a3b2be;--border-color:#344451;--accent:#66c8bd;--accent-hover:#8adbd2;--accent-soft:#203b3c;--link-color:#83d8ce;--shadow-soft:0 8px 28px #0000002e}html{background:var(--page-bg)}body{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.7;background:var(--page-bg)!important;color:var(--text-primary)!important}main h1,main h2,main h3,main h4,article h1,article h2,article h3,article h4,.page-header h1,.article-header h1,.guide-hero h1,.lesson-hero h1,.legal-hero h1{line-height:1.3;color:var(--text-primary)!important}main p,article p,.article-body,.article-content,.guide-content,.lesson-content,.education-page,.article-intro,.lesson-lead,.guide-intro{color:var(--text-secondary);line-height:1.8}small,.article-meta,.hero-meta,.page-update,.breadcrumb,.breadcrumbs,.guide-breadcrumb,.lesson-breadcrumb{color:var(--text-muted)}a{color:var(--link-color)}a:hover{color:var(--accent-hover)}.site-header{background:var(--surface)!important;border-bottom-color:var(--border-color)!important}.site-header .logo{color:var(--text-primary)!important}.logo strong{color:var(--accent)!important}.main-nav a,.nav-dropdown-toggle{color:var(--text-secondary)!important}.main-nav a:hover,.nav-dropdown-toggle:hover{color:var(--accent-hover)!important}.theme-toggle{background:var(--surface-soft)!important;color:var(--text-primary)!important}.toggle-thumb{background:#fff}html[data-theme=dark] .theme-toggle{background:#287f79!important}html[data-theme=dark] .toggle-thumb{background:#f4f7f8}.article-card,.category-card,.featured-card,.course-card,.tool-card,.converter-card,.checklist-card,.aside-card,.article-aside,.article-sidebar,.lesson-aside-card,.info-box,.education-note,.guide-note,.source-box,.search-panel,.search-box,.results-panel,.result-panel,.detail-panel,.legal-principles,.source-section{background-color:var(--surface);color:var(--text-secondary);border-color:var(--border-color);box-shadow:var(--shadow-soft)}.article-card h2,.article-card h3,.category-card h2,.category-card h3,.featured-card h2,.course-card h2,.tool-card h2,.aside-card h2,.article-aside h2,.lesson-aside-card h2,.search-panel h2,.results-panel h2{color:var(--text-primary)!important}.article-card p,.category-card p,.featured-card p,.course-card p,.tool-card p,.aside-card p,.info-box p,.education-note p,.guide-note p{color:var(--text-secondary)!important}input,select,textarea{background:var(--surface)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}input::placeholder,textarea::placeholder{opacity:1;color:var(--text-muted)!important}button{color:inherit}:focus-visible{outline-color:var(--accent)!important}.nav-dropdown-menu,.nav-submenu{background:var(--surface)!important;border-color:var(--border-color)!important}.nav-dropdown-menu a,.nav-parent,.nav-submenu a{color:var(--text-secondary)!important}.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:var(--accent-soft)!important;color:var(--accent-hover)!important}.site-footer{color:#edf3f5!important;background:#202d38!important}.site-footer p,.site-footer a,.footer-bottom{color:#c1cdd5!important}.site-footer a:hover{color:#8ce0d6!important}.site-footer .logo,.site-footer .logo span{color:#f4f7f8!important}.site-footer .logo strong{color:#8ce0d6!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{z-index:5000;isolation:isolate;position:relative}.main-nav{z-index:5001}.nav-dropdown{z-index:5002}.nav-dropdown-menu{z-index:5003!important}.nav-submenu{z-index:5004!important}@media (width<=768px){.site-header{z-index:5000}.main-nav{z-index:5001}.nav-dropdown-menu{position:static}}.lesson-page,.lesson-shell,.lesson-hero h1,.lesson-content h1,.lesson-content h2,.lesson-content h3,.lesson-aside-card strong,.faq-section summary,.lesson-disclaimer strong{color:var(--text-primary)!important}.lesson-hero>p,.lesson-content,.lesson-content p,.lesson-content .lesson-lead,.content-section p,.faq-section details p,.lesson-aside-card a,.lesson-meta,.lesson-figure figcaption{color:var(--text-secondary)!important}.lesson-breadcrumb{color:var(--text-muted)!important}.lesson-breadcrumb a,.lesson-next a,.lesson-aside-card a:hover{color:var(--link-color)!important}.lesson-hero,.lesson-figure,.lesson-aside-card,.content-section,.faq-section details{border-color:var(--border-color)!important}.lesson-figure{background:var(--surface-soft)!important}.lesson-aside-card{background:var(--surface)!important}.lesson-disclaimer{background:var(--accent-soft)!important;border-left-color:var(--accent)!important}.lesson-disclaimer p{color:var(--text-secondary)!important}html[data-theme=dark] .lesson-page{background:0 0}html[data-theme=dark] .lesson-figure,html[data-theme=dark] .lesson-aside-card{background:var(--surface)!important}