:root{--bg:#FAFAF8;--bg-card:#FFFFFF;--bg-sidebar:#F5F4F0;--bg-nav:rgba(255,255,255,0.92);--text:#1A1A18;--text-secondary:#585850;--text-muted:#6B6B63;--accent:#006D6F;--accent-light:#E8F5F0;--accent-hover:#005A5C;--accent-dark:#004A4C;--lang-bg:#FFF3E0;--lang-border:#FF9800;--lang-text:#E65100;--speak:#1565C0;--speak-bg:#E3F2FD;--write:#6A1B9A;--write-bg:#F3E5F5;--scan:#C62828;--scan-bg:#FFEBEE;--border:#E8E7E3;--border-light:#F0EFE9;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 8px 32px rgba(0,0,0,0.10);--radius:4px;--radius-sm:4px;--radius-lg:4px;--sidebar-w:260px;--nav-h:64px;--font:'DM Sans',-apple-system,sans-serif;--mono:'JetBrains Mono',monospace;--warn-bg:#FFF8E1;--warn-border:#FFB300;--warn-text:#F57F17;--info-bg:#E3F2FD;--info-border:#42A5F5;--info-text:#1565C0;--success-bg:#E8F5E9;--success-border:#66BB6A;--success-text:#2E7D32;--tip-bg:#F3E5F5;--tip-border:#AB47BC;--tip-text:#6A1B9A;--r-sm:4px;--r-md:4px;--r-lg:4px;--r-xl:4px;--r-full:999px;--text-mid:#6B6B63;--text-soft:#9C9C93;--bg-warm:#F5F4F0;--bg-dark:#1A1A18;--bg-elevated:#F0EFE9;--text-inv:#FAFAF8;--border-strong:#E8E7E3;--accent-soft:rgba(13,124,95,0.08);--focus-ring:#006D6F;--green:#006D6F;--green-soft:rgba(13,124,95,0.08);--red:#C62828;--red-soft:rgba(198,40,40,0.06);--blue:#1565C0;--blue-soft:rgba(21,101,192,0.08);--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-xl:0 24px 48px rgba(0,0,0,0.08),0 8px 16px rgba(0,0,0,0.04);--r-xs:4px;--amber:#006D6F;--amber-hover:#005A5C;--amber-light:#E8F5F0;--amber-glow:rgba(13,124,95,0.08);--sage:#2E7D32;--sage-bg:#E8F5E9;--sage-deep:#1B5E20;--urgent:#C62828;--urgent-bg:rgba(198,40,40,0.08);--sans:'DM Sans',-apple-system,sans-serif;--serif:Georgia,serif;--bg-input:#FFFFFF;--bg-card:#FFFFFF;--accent-dim:rgba(13,124,95,0.08);--danger:#C62828;--danger-dim:rgba(198,40,40,0.08);--warning:#F57F17;--warning-dim:rgba(245,127,23,0.08);--success:#2E7D32;--success-dim:rgba(46,125,50,0.08);--info:#1565C0;--info-dim:rgba(21,101,192,0.08);--gold:#D4A537;--gold-bg:#FFF9E6;--premium:#7B68EE;--premium-bg:#F3F0FF;--sponsored:#006D6F;--sponsored-bg:rgba(13,124,95,0.06)}*{margin:0;padding:0;box-sizing:border-box}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}}*::-webkit-scrollbar{width:2px;height:2px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:var(--accent)}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}html[dir="rtl"]{direction:rtl;text-align:right}html[dir="rtl"] .navbar{flex-direction:row-reverse}html[dir="rtl"] .nav-right{flex-direction:row-reverse}html[dir="rtl"] .lang-dropdown{right:auto;left:0}html[dir="rtl"] .lang-option{text-align:right;flex-direction:row-reverse}html[dir="rtl"] .sidebar{left:auto;right:0;border-right:none;border-left:1px solid var(--border)}html[dir="rtl"] .main,html[dir="rtl"] .footer{margin-left:0;margin-right:var(--sidebar-w)}html[dir="rtl"] .helpbox-header{flex-direction:row-reverse}html[dir="rtl"] .helpbox-actions{flex-direction:row-reverse}html[dir="rtl"] .answer-actions{flex-direction:row-reverse}html[dir="rtl"] .footer-grid{direction:rtl}html[dir="rtl"] .modal-close{left:16px;right:auto}html[dir="rtl"] .follow-up-suggestions{flex-direction:row-reverse;flex-wrap:wrap}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:var(--bg-nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.nav-left{display:flex;align-items:center;gap:12px}.nav-logo{display:flex;align-items:center;text-decoration:none}.nav-logo-img{height:36px;width:auto;display:block}.nav-hamburger{display:none;width:48px;height:48px;border-radius:4px;border:1.5px solid var(--border);background:var(--bg-card);cursor:pointer;align-items:center;justify-content:center;flex-shrink:0}.nav-hamburger svg{width:20px;height:20px;color:var(--text)}.nav-right{display:flex;align-items:center;gap:6px}.nav-action{display:flex;align-items:center;gap:7px;padding:8px 16px;border-radius:4px;border:1.5px solid transparent;font-family:var(--font);font-size:13.5px;font-weight:600;cursor:pointer;transition:all 0.2s;position:relative}.nav-action svg{width:18px;height:18px;flex-shrink:0}.nav-action.scan{background:var(--scan-bg);color:var(--scan);border-color:rgba(198,40,40,0.15)}.nav-action.scan:hover{background:#FFCDD2}.nav-action.write{background:var(--write-bg);color:var(--write);border-color:rgba(106,27,154,0.15)}.nav-action.write:hover{background:#E1BEE7}.nav-action.speak{background:var(--speak-bg);color:var(--speak);border-color:rgba(21,101,192,0.15)}.nav-action.speak:hover{background:#BBDEFB}.nav-action.free-badge{background:#006D6F;color:#fff;border-color:rgba(0,109,111,0.15);text-decoration:none;margin-left:32px;padding:6px 12px;font-size:12px}.nav-action.free-badge svg{width:15px;height:15px}.nav-action.free-badge:hover{background:#005A5C;color:#fff;text-decoration:none}.nav-action.free-badge svg{color:#fff}.nav-sep{width:1px;height:28px;background:var(--border);margin:0 8px}.nav-lang{display:flex;align-items:center;gap:6px;height:48px;padding:0 14px;border-radius:4px;background:var(--lang-bg);border:1px solid var(--lang-border);color:var(--lang-text);font-family:var(--font);font-weight:700;font-size:13.5px;cursor:pointer;transition:all 0.2s;position:relative}.nav-lang:hover{background:#FFE0B2}.nav-lang .lang-flag{width:22px;height:16px;border-radius:2px;object-fit:cover;flex-shrink:0}.lang-option .lf{width:22px;height:16px;border-radius:2px;object-fit:cover;flex-shrink:0}.nav-lang .lang-pulse{display:none}.nav-user{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px 0 8px;border-radius:4px;cursor:pointer;transition:all 0.2s;border:1px solid var(--border);background:var(--bg-card);font-family:var(--font);font-size:13.5px}.nav-user:hover{border-color:var(--accent);background:var(--accent-light)}.nav-user-avatar{width:30px;height:30px;border-radius:4px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:13px}.nav-user-name{font-size:13.5px;font-weight:500;color:var(--text)}.nav-theme-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:4px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all 0.2s;margin-left:4px;flex-shrink:0}.nav-theme-toggle:hover{border-color:var(--accent);background:var(--accent-light)}.nav-theme-toggle svg{width:22px;height:22px;color:var(--text-secondary);display:block}.nav-theme-toggle:hover svg{color:var(--accent)}.nav-help-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:4px;border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all 0.2s;margin-left:4px;flex-shrink:0}.nav-help-btn:hover{border-color:var(--accent);background:var(--accent-light)}.nav-help-btn svg{color:var(--text-secondary);display:block}.nav-help-btn:hover svg{color:var(--accent)}.driver-popover.hamboorg-popover{background:var(--bg-card,#fff);color:var(--text,#1a1a1a);border-radius:8px;border:1px solid var(--border,#e0e0e0);box-shadow:0 8px 32px rgba(0,0,0,.18);max-width:380px;padding:20px 24px 16px}.driver-popover.hamboorg-popover .driver-popover-title{font-size:16px;font-weight:700;color:var(--text,#1a1a1a);margin-bottom:6px}.driver-popover.hamboorg-popover .driver-popover-description{font-size:14px;line-height:1.5;color:var(--text-secondary,#555)}.driver-popover.hamboorg-popover .driver-popover-progress-text{font-size:12px;color:var(--text-muted,#888)}.driver-popover.hamboorg-popover .driver-popover-navigation-btns button{border-radius:4px;font-size:13px;font-weight:600;padding:6px 16px;border:none;cursor:pointer;transition:background .15s;text-shadow:none}.driver-popover.hamboorg-popover .driver-popover-footer button{text-shadow:none}.driver-popover.hamboorg-popover .driver-popover-next-btn{background:var(--accent,#006D6F);color:#fff}.driver-popover.hamboorg-popover .driver-popover-next-btn:hover{background:var(--accent-hover,#005A5C)}.driver-popover.hamboorg-popover .driver-popover-prev-btn{background:var(--bg-hover,#f0f0f0);color:var(--text,#1a1a1a)}.driver-popover.hamboorg-popover .driver-popover-prev-btn:hover{background:var(--border,#e0e0e0)}.driver-popover.hamboorg-popover .driver-popover-close-btn{color:var(--text-muted,#888)}.driver-popover.hamboorg-popover .driver-popover-close-btn:hover{color:var(--text,#1a1a1a)}.driver-popover.hamboorg-popover .driver-popover-arrow-side-left.driver-popover-arrow,.driver-popover.hamboorg-popover .driver-popover-arrow-side-right.driver-popover-arrow,.driver-popover.hamboorg-popover .driver-popover-arrow-side-top.driver-popover-arrow,.driver-popover.hamboorg-popover .driver-popover-arrow-side-bottom.driver-popover-arrow{border-color:var(--bg-card,#fff)}@media(max-width:600px){.nav-help-btn{width:36px;height:36px}.nav-help-btn svg{width:16px;height:16px}.driver-popover.hamboorg-popover{max-width:300px;padding:16px}}.layout{display:flex;margin-top:var(--nav-h);min-height:calc(100vh - var(--nav-h))}.sidebar{position:fixed;top:var(--nav-h);left:0;bottom:0;width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);padding:20px 12px;overflow-y:auto;z-index:100;transition:transform 0.3s ease}.sidebar-search{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--bg-card);margin-bottom:12px;transition:border-color 0.2s}.sidebar-search:focus-within{border-color:var(--accent)}.sidebar-search input{border:none;outline:none;background:none;font-family:var(--font);font-size:13.5px;color:var(--text);width:100%}.sidebar-search input::placeholder{color:var(--text-muted)}.sidebar-search svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.sidebar-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);padding:8px 12px 6px;margin-top:8px}.sidebar-label:first-child{margin-top:0}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all 0.15s;text-decoration:none;margin:2px 0}.sidebar-item:hover{background:rgba(0,109,111,0.06);color:var(--text)}.sidebar-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.sidebar-item .si-icon{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.sidebar-item.active .si-icon{background:var(--accent);color:white;border-radius:4px}.sidebar-item .si-badge{margin-left:auto;background:var(--accent);color:white;font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px}.sidebar-sub{margin-left:44px;border-left:2px solid var(--border);padding-left:12px;margin-bottom:4px}.sidebar-sub-item{display:block;padding:6px 8px;border-radius:4px;font-size:13px;color:var(--text-secondary);text-decoration:none;transition:all 0.15s;margin:1px 0}.sidebar-sub-item:hover{background:rgba(0,109,111,0.06);color:var(--text)}.sidebar-sub-item.active{color:var(--accent);font-weight:600;background:var(--accent-light);border-left:none}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:99}.main{margin-left:var(--sidebar-w);flex:1;padding:28px 32px 60px;max-width:1100px}.footer{margin-left:var(--sidebar-w);background:#1A1A18;color:rgba(255,255,255,0.7);padding:48px 32px 28px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px;max-width:1100px;margin-bottom:36px}.footer-logo-img{height:36px;width:auto;display:block;margin-bottom:8px}.footer-brand p{font-size:13px;line-height:1.6;max-width:280px}.footer-col .footer-heading{color:white;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.footer-col a{display:block;font-size:13px;color:rgba(255,255,255,0.65);text-decoration:none;padding:4px 0;transition:color 0.15s}.footer-col a:hover{color:white}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:12px;max-width:1100px;gap:12px}.footer-copy{color:rgba(255,255,255,0.6)}.footer-bottom a{color:rgba(255,255,255,0.6);text-decoration:none}.footer-langs{display:flex;gap:8px;flex-wrap:wrap}.footer-lang-item{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:3px 8px;border-radius:4px;font-size:12px;background:rgba(255,255,255,0.08);color:inherit;text-decoration:none;cursor:pointer;transition:background 0.15s}.footer-lang-item:hover,.footer-lang-item:focus-visible{background:rgba(255,255,255,0.15);outline:none}.footer-inner{max-width:1100px;margin:0 auto}.footer-tagline{font-size:14px;line-height:1.6;margin-bottom:16px}.footer-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(0,109,111,0.1);padding:6px 14px;border-radius:var(--radius-sm);font-size:12px;color:var(--accent);font-weight:600}.footer .footer-heading{color:rgba(255,255,255,0.65);font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-weight:600}.footer ul{list-style:none}.footer li{margin-bottom:10px}.footer li a{font-size:13px;transition:color 0.2s}.footer li a:hover{color:#fafafa}.lang-dropdown{position:fixed;top:calc(var(--nav-h) + 4px);right:120px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:8px;z-index:1001;display:none;min-width:200px;max-height:calc(100vh - var(--nav-h) - 16px);overflow-y:auto}.lang-dropdown.show,.lang-dropdown.open{display:block}.lang-option{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:44px;border-radius:var(--radius-sm);cursor:pointer;font-size:13.5px;font-weight:500;transition:background 0.15s;color:var(--text);text-decoration:none;width:100%}.lang-option:hover{background:var(--bg-sidebar)}.lang-option.active{background:var(--accent-light);color:var(--accent);font-weight:600}.lang-option .lf,.lang-option .flag{font-size:18px}.login-overlay,.modal-overlay{position:fixed;inset:0;background:rgba(26,26,24,0.5);backdrop-filter:blur(8px);z-index:1000;display:none;align-items:center;justify-content:center;padding:24px}.login-overlay.active,.modal-overlay.active{display:flex}.modal-overlay:target{display:flex}.login-modal,.modal{background:var(--bg-card);border-radius:var(--radius-lg);max-width:420px;width:100%;padding:32px;box-shadow:var(--shadow-lg);border:1px solid var(--border);position:relative;z-index:1001;pointer-events:auto;animation:modalIn 0.3s ease-out}.login-modal *,.modal *{pointer-events:auto}.modal-close{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--bg-sidebar);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);transition:all 0.2s;cursor:pointer;text-decoration:none;border:1px solid var(--border)}.modal-close:hover{background:var(--scan-bg);color:var(--scan);border-color:var(--scan)}.login-modal h2,.modal h2{font-family:var(--font);font-size:22px;font-weight:700;letter-spacing:-0.3px;margin-bottom:24px;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text)}.form-input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);font-size:14px;color:var(--text);background:var(--bg-card);outline:none;transition:border-color 0.2s,box-shadow 0.2s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-row{display:flex;gap:12px}.form-row .form-input{flex:1}.form-error{color:var(--scan);font-size:13px;margin-top:8px;display:none}.form-error.show{display:block}.divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--text-muted);font-size:13px}.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--border)}.social-login-btn,.social-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);font-size:15px;font-weight:500;color:var(--text);transition:all 0.2s}.social-login-btn:hover,.social-btn:hover{border-color:var(--accent);background:var(--accent-light)}.social-login-btn svg,.social-btn svg{width:20px;height:20px}.btn{padding:10px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;transition:all 0.15s ease;display:inline-flex;align-items:center;gap:8px;letter-spacing:-0.01em;text-decoration:none;border:none;cursor:pointer;font-family:var(--font)}.btn-primary{background:var(--accent);color:white}.btn-primary:hover{background:var(--accent-hover);text-decoration:none;color:white}.btn-primary:disabled{background:var(--text-muted);cursor:not-allowed;transform:none}.btn-ghost{color:var(--text-secondary);padding:14px 20px}.btn-ghost:hover{color:var(--text);background:var(--bg-sidebar)}.nav-logout-form{display:flex;align-items:center;margin:0}.nav-logout-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:5px 6px;display:flex;align-items:center;transition:all 0.15s}.nav-logout-btn:hover{color:var(--scan);border-color:var(--scan)}.login-btn{padding:6px 16px;background:var(--accent);color:#fff;font-size:13px;font-weight:600;border-radius:var(--radius-sm);text-decoration:none;margin-left:4px;transition:all 0.15s ease}.login-btn:hover{background:var(--accent-hover);text-decoration:none;color:#fff}.topbar{background:var(--text);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,0.06)}.topbar-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px}.logo{font-family:var(--font);font-size:18px;font-weight:600;color:#fafafa;text-decoration:none;letter-spacing:-0.02em}.logo b{color:var(--accent);font-weight:600}.lang-selector{position:relative}.lang-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-sm);color:#fafafa;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.15s ease}.lang-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.1)}.lang-btn .flag{font-size:18px}.lang-btn svg{width:14px;height:14px;opacity:0.6}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{padding:8px 16px;color:rgba(255,255,255,0.7);font-size:14px;font-weight:500;border-radius:var(--r-full);transition:all 0.2s}.nav-link:hover{color:#fafafa;background:rgba(255,255,255,0.08)}.theme-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius-sm);color:#fafafa;font-size:13px;font-weight:500;cursor:pointer;transition:all 0.15s ease}.theme-toggle-btn:hover{background:rgba(255,255,255,0.1)}.theme-toggle-btn .theme-icon{font-size:16px;display:flex;align-items:center}.theme-toggle-btn .theme-label{display:none}.user-panel-btn{display:flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;background:rgba(255,255,255,0.12);border-radius:var(--r-full);margin-left:8px;transition:all 0.2s;color:#fafafa}.user-panel-btn:hover{background:rgba(255,255,255,0.2);transform:translateY(-1px)}.user-avatar{width:28px;height:28px;background:var(--accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.user-name{font-size:14px;font-weight:500}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);margin-bottom:20px;flex-wrap:wrap}.breadcrumb a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color 0.15s}.breadcrumb a:hover{color:var(--accent)}.breadcrumb .bc-sep{color:var(--border)}.breadcrumb .bc-current{color:var(--text);font-weight:600}.article-header{margin-bottom:32px}.article-category{display:inline-flex;align-items:center;gap:6px;background:var(--accent-light);color:var(--accent);padding:5px 12px;border-radius:4px;font-size:12.5px;font-weight:700;margin-bottom:14px}.article-title{font-size:32px;font-weight:800;letter-spacing:-0.8px;line-height:1.2;margin-bottom:10px}.article-subtitle{font-size:17px;color:var(--text-secondary);line-height:1.6;max-width:620px}.article-meta{display:flex;align-items:center;gap:16px;margin-top:16px;font-size:12.5px;color:var(--text-muted)}.article-meta-item{display:flex;align-items:center;gap:5px}.article-meta-item svg{width:14px;height:14px}.ai-help-bar{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#E3F2FD 0%,#F3E5F5 100%);border:1.5px solid rgba(21,101,192,0.15);border-radius:var(--radius);padding:14px 18px;margin-bottom:32px}.ai-help-icon{width:40px;height:40px;border-radius:4px;background:white;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:var(--shadow-sm)}.ai-help-text{flex:1}.ai-help-text strong{font-size:14px;display:block;margin-bottom:2px}.ai-help-text span{font-size:13px;color:var(--text-secondary)}.ai-help-btn{padding:8px 18px;border-radius:4px;background:var(--speak);color:white;border:none;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:all 0.2s;white-space:nowrap}.ai-help-btn:hover{background:#0D47A1;transform:translateY(-1px)}.toc{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px 22px;margin-bottom:32px}.toc-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.8px;color:var(--text-muted);margin-bottom:10px}.toc-list{list-style:none}.toc-list li{margin:0}.toc-list a{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:4px;font-size:14px;color:var(--text-secondary);text-decoration:none;transition:all 0.15s;font-weight:500}.toc-list a:hover{background:var(--accent-light);color:var(--accent)}.toc-step{width:24px;height:24px;border-radius:4px;background:var(--bg-sidebar);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-muted);flex-shrink:0}.toc-list a:hover .toc-step{background:var(--accent);color:white}.article-body h2{font-size:22px;font-weight:700;letter-spacing:-0.3px;margin:40px 0 16px;padding-top:16px;border-top:1px solid var(--border-light);display:flex;align-items:center;gap:12px}.article-body h2:first-child{border-top:none;margin-top:0}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:4px;background:var(--accent);color:white;font-size:15px;font-weight:800;flex-shrink:0}.article-body p{font-size:15.5px;line-height:1.75;color:var(--text);margin-bottom:14px;max-width:640px}.article-body ul,.article-body ol{margin:12px 0 18px 20px;max-width:640px}.article-body li{font-size:15px;line-height:1.7;margin-bottom:6px;color:var(--text)}.article-body li strong{color:var(--text)}.callout{border-radius:var(--radius);padding:16px 20px;margin:20px 0;border-left:4px solid;display:flex;gap:12px;align-items:flex-start}.callout-icon{font-size:20px;flex-shrink:0;margin-top:1px}.callout-content{flex:1}.callout-title{font-size:14px;font-weight:700;margin-bottom:4px}.callout-text{font-size:13.5px;line-height:1.6}.callout.warning{background:var(--warn-bg);border-color:var(--warn-border)}.callout.warning .callout-title{color:var(--warn-text)}.callout.warning .callout-text{color:#795548}.callout.info{background:var(--info-bg);border-color:var(--info-border)}.callout.info .callout-title{color:var(--info-text)}.callout.info .callout-text{color:#37474F}.callout.success{background:var(--success-bg);border-color:var(--success-border)}.callout.success .callout-title{color:var(--success-text)}.callout.success .callout-text{color:#33691E}.callout.tip{background:var(--tip-bg);border-color:var(--tip-border)}.callout.tip .callout-title{color:var(--tip-text)}.callout.tip .callout-text{color:#4A148C}.doc-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;gap:14px;margin:20px 0;transition:all 0.2s;cursor:pointer}.doc-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.doc-icon{width:48px;height:48px;border-radius:4px;background:var(--scan-bg);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.doc-info{flex:1}.doc-name{font-size:14.5px;font-weight:700;margin-bottom:2px}.doc-desc{font-size:12.5px;color:var(--text-secondary)}.doc-btn{padding:8px 16px;border-radius:4px;background:var(--accent);color:white;border:none;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:all 0.2s;white-space:nowrap}.doc-btn:hover{background:var(--accent-hover)}.address-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:20px 0}.address-map{width:100%;height:160px;background:linear-gradient(135deg,#E8F5E9 0%,#C8E6C9 40%,#A5D6A7 100%);display:flex;align-items:center;justify-content:center;color:var(--accent-dark);font-size:14px;font-weight:600;position:relative}.address-map::after{content:'';font-size:32px;position:absolute}.address-body{padding:16px 20px}.address-name{font-size:15px;font-weight:700;margin-bottom:4px}.address-detail{font-size:13.5px;color:var(--text-secondary);line-height:1.6}.address-hours{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;border-radius:4px;background:var(--success-bg);color:var(--success-text);font-size:12px;font-weight:600}.related{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.related-title{font-size:17px;font-weight:700;margin-bottom:16px;letter-spacing:-0.3px}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.related-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px;cursor:pointer;transition:all 0.2s;text-decoration:none;color:var(--text)}.related-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.related-card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.related-card-icon{font-size:20px}.related-card-title{font-size:14px;font-weight:600}.related-card-desc{font-size:12.5px;color:var(--text-secondary);line-height:1.5}.feedback{margin-top:32px;padding:20px;background:var(--bg-sidebar);border-radius:var(--radius);text-align:center}.feedback-q{font-size:14px;font-weight:600;margin-bottom:10px}.feedback-btns{display:flex;gap:8px;justify-content:center}.feedback-btn{padding:8px 20px;border-radius:4px;border:1.5px solid var(--border);background:var(--bg-card);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s}.feedback-btn:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.feedback-btn.yes:hover{border-color:var(--success-border);background:var(--success-bg);color:var(--success-text)}@keyframes modalIn{from{opacity:0;transform:scale(0.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes dropIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.footer-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:280px}.sidebar.open{transform:translateX(0)}.sidebar-overlay.show{display:block}.main,.footer{margin-left:0;padding-left:20px;padding-right:20px}.nav-hamburger{display:flex}.nav-action span{display:none}.nav-action{padding:8px 10px;min-height:48px;min-width:48px;justify-content:center}.nav-user-name{display:none}.nav-lang #currentLangName{display:none}.nav-lang{padding:7px 10px;min-height:48px}.nav-sep{margin:0 4px}.article-title{font-size:24px}.article-subtitle{font-size:15px}.related-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.ai-help-bar{flex-direction:column;align-items:stretch;text-align:center}.ai-help-btn{align-self:center}.doc-card{flex-direction:column;text-align:center}}body.mobile-preview .sidebar{transform:translateX(-100%);width:280px}body.mobile-preview .sidebar.open{transform:translateX(0)}body.mobile-preview .sidebar-overlay.show{display:block}body.mobile-preview .main,body.mobile-preview .footer{margin-left:0;padding-left:20px;padding-right:20px}body.mobile-preview .nav-hamburger{display:flex}body.mobile-preview .nav-action span{display:none}body.mobile-preview .nav-action{padding:8px 10px;min-height:48px;min-width:48px;justify-content:center}body.mobile-preview .nav-user-name{display:none}body.mobile-preview .nav-lang{padding:7px 10px}body.mobile-preview .nav-lang{padding:7px 10px;min-height:48px}body.mobile-preview .nav-sep{margin:0 4px}@media (max-width:640px){.topbar-inner{padding:0 12px;height:48px;gap:6px}.logo{font-size:15px}.lang-btn{padding:5px 8px;font-size:12px;gap:4px}.lang-btn #currentLangName,.lang-btn #menuBtnLabel{display:none}.theme-toggle-btn{padding:5px 8px}.login-btn{padding:5px 12px;font-size:12px;margin-left:2px}.user-panel-btn{padding:4px 8px 4px 4px;margin-left:2px}.user-name{display:none}.nav-link{padding:6px 10px;font-size:12px}}@media (max-width:500px){.footer-grid{grid-template-columns:1fr}}