:root {--blue:#1d4ed8;--blue-dark:#1e3a8a;--indigo:#4f46e5;--orange:#f97316;--orange-dark:#ea580c;--red:#dc2626;--gradient:linear-gradient(135deg,#1d4ed8 0%,#4f46e5 100%);--gradient-orange:linear-gradient(135deg,#f97316 0%,#ea580c 100%);--gradient-soft:linear-gradient(135deg,#dbeafe 0%,#e0e7ff 100%);--gradient-soft-orange:linear-gradient(135deg,#ffedd5 0%,#fee2e2 100%);--ink:#0f172a;--ink-2:#1e293b;--ink-3:#475569;--ink-4:#64748b;--ink-5:#94a3b8;--line:#e2e8f0;--line-2:#f1f5f9;--bg:#ffffff;--bg-alt:#f8fafc;--bg-dark:#0b1120;--container:1200px;--radius:16px;--radius-sm:10px;--radius-lg:24px;--shadow-sm:0 1px 3px rgba(15,23,42,0.06);--shadow:0 8px 30px rgba(15,23,42,0.08);--shadow-lg:0 20px 60px rgba(15,23,42,0.12);--shadow-blue:0 12px 30px rgba(29,78,216,0.25);--shadow-orange:0 12px 30px rgba(249,115,22,0.25);--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",sans-serif;}*,*::before,*::after {margin:0;padding:0;box-sizing:border-box;}html {scroll-behavior:smooth;-webkit-text-size-adjust:100%;}body {font-family:var(--font);color:var(--ink-2);background:var(--bg);line-height:1.7;font-size:16px;overflow-x:hidden;}a {color:inherit;text-decoration:none;}img {max-width:100%;display:block;}button {font-family:inherit;cursor:pointer;border:none;background:none;}input,textarea,select {font-family:inherit;font-size:inherit;}ul {list-style:none;}.container {max-width:var(--container);margin:0 auto;padding:0 24px;}.gradient-text {background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.gradient-text-light {background:linear-gradient(135deg,#93c5fd,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;transition:all 0.25s ease;white-space:nowrap;cursor:pointer;}.btn-primary {background:var(--gradient);color:#fff;box-shadow:var(--shadow-blue);}.btn-primary:hover {transform:translateY(-2px);box-shadow:0 16px 40px rgba(29,78,216,0.35);}.btn-ghost {background:rgba(255,255,255,0.08);color:#fff;border:1px solid rgba(255,255,255,0.25);backdrop-filter:blur(8px);}.btn-ghost:hover {background:rgba(255,255,255,0.16);border-color:rgba(255,255,255,0.4);}.btn-lg {padding:15px 34px;font-size:16px;}.btn-block {width:100%;}.section {padding:100px 0;position:relative;}.section-alt {background:var(--bg-alt);}.section-head {text-align:center;max-width:760px;margin:0 auto 64px;}.section-tag {display:inline-block;padding:6px 16px;background:var(--gradient-soft);color:var(--blue);font-size:13px;font-weight:600;border-radius:100px;margin-bottom:18px;letter-spacing:0.5px;}.tag-light {background:rgba(255,255,255,0.12);color:#c7d2fe;}.section-title {font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--ink);line-height:1.25;letter-spacing:-0.5px;}.section-desc {margin-top:16px;font-size:17px;color:var(--ink-4);white-space:nowrap;max-width:100%;}@media (max-width:1200px) {.section-desc {white-space:normal;}}@media (max-width:768px) {.section-desc {font-size:15px;}}.navbar {position:fixed;top:0;left:0;right:0;z-index:1000;transition:all 0.3s ease;}.nav-top {padding:14px 0;transition:all 0.3s ease;position:relative;z-index:20;}.nav-bottom {padding:0;transition:all 0.3s ease;border-top:1px solid transparent;}.navbar.scrolled .nav-top {padding:10px 0;background:rgba(255,255,255,0.92);backdrop-filter:blur(20px);box-shadow:0 1px 0 rgba(15,23,42,0.06);}.navbar.scrolled .nav-bottom {background:rgba(255,255,255,0.92);backdrop-filter:blur(20px);border-top:1px solid rgba(15,23,42,0.06);box-shadow:0 4px 20px rgba(15,23,42,0.04);}.nav-top-inner {display:flex;align-items:center;justify-content:space-between;}.nav-top-right {display:flex;align-items:center;gap:16px;}.logo {display:flex;align-items:center;gap:10px;}.logo-mark {display:flex;}.logo-text {font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-0.3px;}.navbar:not(.scrolled) .logo-text {color:#fff;}.nav-menu {display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:nowrap;}.nav-link {font-size:15px;font-weight:500;color:var(--ink-3);position:relative;transition:color 0.2s;white-space:nowrap;padding:12px 20px;}.navbar:not(.scrolled) .nav-link {color:#cbd5e1;}.nav-link:hover {color:var(--blue);}.navbar:not(.scrolled) .nav-link:hover {color:#fff;}.nav-link::after {content:'';position:absolute;bottom:6px;left:50%;width:0;height:2px;background:var(--gradient);transition:width 0.25s;transform:translateX(-50%);}.nav-link:hover::after,.nav-link.active::after {width:60%;}.nav-cta {color:#fff !important;}.nav-cta::after {display:none;}.nav-phone {display:flex;align-items:center;gap:7px;font-size:16px;font-weight:800;color:var(--blue);text-decoration:none;white-space:nowrap;transition:color 0.2s,opacity 0.2s;flex-shrink:0;}.navbar:not(.scrolled) .nav-phone {color:#fff;}.nav-phone:hover {opacity:0.82;}.nav-phone svg {flex-shrink:0;}.nav-phone span {letter-spacing:0.3px;}.menu-toggle {display:none;flex-direction:column;gap:5px;padding:8px;}.menu-toggle span {width:24px;height:2px;background:var(--ink);border-radius:2px;transition:all 0.3s;}.navbar:not(.scrolled) .menu-toggle span {background:#fff;}.menu-toggle.active span:nth-child(1) {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);}.lang-switcher {position:relative;flex-shrink:0;}.lang-trigger {display:flex;align-items:center;gap:5px;background:none;border:1.5px solid transparent;border-radius:6px;padding:4px 10px;font-size:13px;font-weight:600;cursor:pointer;color:inherit;line-height:1.4;transition:all 0.2s;opacity:0.85;white-space:nowrap;}.lang-trigger:hover {opacity:1;}.lang-trigger.open {opacity:1;border-color:rgba(0,102,204,0.4);background:rgba(0,102,204,0.08);}.lang-globe {flex-shrink:0;}.lang-current-label {font-size:12px;}.lang-arrow {flex-shrink:0;transition:transform 0.25s ease;}.lang-trigger.open .lang-arrow {transform:rotate(180deg);}.lang-dropdown {position:absolute;top:calc(100% + 6px);right:0;min-width:130px;background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.12);border:1px solid rgba(0,0,0,0.06);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all 0.2s ease;z-index:9999;}.lang-dropdown.open {opacity:1;visibility:visible;transform:translateY(0);}.lang-option {display:block;width:100%;padding:9px 14px;font-size:13px;font-weight:500;text-align:left;background:none;border:none;cursor:pointer;color:#333;transition:all 0.15s;white-space:nowrap;}.lang-option:hover {background:rgba(0,102,204,0.06);color:var(--brand-blue);}.lang-option.active {color:var(--brand-blue);font-weight:700;background:rgba(0,102,204,0.05);}.lang-option + .lang-option {border-top:1px solid rgba(0,0,0,0.04);}.navbar:not(.scrolled) .lang-trigger {color:#fff;}.navbar:not(.scrolled) .lang-trigger.open {border-color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.12);}.navbar.scrolled .lang-trigger {color:var(--ink-3);}.navbar.scrolled .nav-phone {color:var(--blue);}.navbar.scrolled .nav-link {color:var(--ink-3);}.hero {position:relative;min-height:100vh;display:flex;align-items:center;background:var(--bg-dark);color:#fff;overflow:hidden;padding-top:80px;}.hero-bg {position:absolute;inset:0;z-index:0;}.hero-overlay {position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse 70% 55% at 50% 30%,rgba(29,78,216,0.28) 0%,transparent 65%),linear-gradient(180deg,#0b1120 0%,#0f1a3a 55%,#0b1120 100%);}.hero-grid {position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 75%);}.hero-content {position:relative;z-index:2;max-width:820px;}.hero-badge {display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:100px;font-size:14px;color:#cbd5e1;backdrop-filter:blur(8px);margin-bottom:28px;}.hero-badge .dot {width:8px;height:8px;background:#34d399;border-radius:50%;box-shadow:0 0 0 4px rgba(52,211,153,0.2);animation:pulse 2s infinite;}@keyframes pulse {0%,100% {box-shadow:0 0 0 4px rgba(52,211,153,0.2);}50% {box-shadow:0 0 0 8px rgba(52,211,153,0.05);}}.hero-title {font-size:clamp(38px,6vw,64px);font-weight:800;line-height:1.15;letter-spacing:-1.5px;margin-bottom:24px;}.hero-title .hero-accent {color:var(--blue);}.hero-subtitle {font-size:clamp(16px,2vw,18px);color:#94a3b8;line-height:1.85;margin-bottom:38px;max-width:620px;}.hero-actions {display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px;}.hero-cert {display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding-top:32px;border-top:1px solid rgba(255,255,255,0.1);}.cert-item {font-size:18px;font-weight:700;color:#e2e8f0;display:flex;align-items:center;letter-spacing:0.5px;}.cert-item::before {content:'';width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px;}.cert-divider {width:1px;height:18px;background:rgba(255,255,255,0.2);}.scroll-hint {position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:2;}.mouse {display:block;width:26px;height:42px;border:2px solid rgba(255,255,255,0.3);border-radius:14px;position:relative;}.wheel {position:absolute;top:8px;left:50%;transform:translateX(-50%);width:4px;height:8px;background:#fff;border-radius:2px;animation:scrollWheel 1.8s infinite;}@keyframes scrollWheel {0% {opacity:1;top:8px;}100% {opacity:0;top:20px;}}.services-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}.service-card {background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:36px 28px;transition:all 0.35s ease;position:relative;overflow:hidden;}.service-card::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);transform:scaleX(0);transform-origin:left;transition:transform 0.35s ease;}.service-card:hover {transform:translateY(-6px);border-color:transparent;box-shadow:var(--shadow-lg);}.service-card:hover::before {transform:scaleX(1);}.service-icon {width:56px;height:56px;border-radius:14px;background:var(--gradient-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:22px;transition:all 0.35s;}.service-icon-orange {background:var(--gradient-soft-orange);color:var(--orange-dark);}.service-icon-red {background:linear-gradient(135deg,#fee2e2,#fecaca);color:var(--red);}.service-card:hover .service-icon {background:var(--gradient);color:#fff;transform:scale(1.08) rotate(-4deg);}.service-card:hover .service-icon-orange {background:var(--gradient-orange);}.service-card:hover .service-icon-red {background:linear-gradient(135deg,#dc2626,#b91c1c);}.service-card h3 {font-size:20px;font-weight:700;color:var(--ink);margin-bottom:12px;}.service-card>p {font-size:14.5px;color:var(--ink-4);line-height:1.7;margin-bottom:18px;}.service-points li {font-size:14px;color:var(--ink-3);padding:6px 0 6px 22px;position:relative;}.service-points li::before {content:'';position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background:var(--gradient);}.stats-section {padding:72px 0;background:var(--bg-dark);color:#fff;position:relative;overflow:hidden;}.stats-section::before {content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(29,78,216,0.18),transparent 50%),radial-gradient(circle at 70% 50%,rgba(249,115,22,0.12),transparent 50%);}.stats-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:1;}.stat-item {text-align:center;}.stat-num {font-size:clamp(36px,5vw,54px);font-weight:800;background:linear-gradient(135deg,#93c5fd,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;}.stat-label {margin-top:8px;font-size:15px;color:#94a3b8;}.qual-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.qual-card {background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;transition:all 0.3s ease;}.qual-card:hover {border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-3px);}.qual-badge {width:64px;height:64px;border-radius:14px;flex-shrink:0;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;text-align:center;line-height:1.15;}.qual-badge-iso {background:linear-gradient(135deg,#0891b2,#1d4ed8);}.qual-badge-hightech {background:var(--gradient-orange);font-size:14px;}.qual-badge-aaa {background:linear-gradient(135deg,#dc2626,#b91c1c);}.qual-badge-honor {background:linear-gradient(135deg,#059669,#0891b2);font-size:13px;}.qual-badge-exp {background:linear-gradient(135deg,#4f46e5,#7c3aed);}.qual-card h3 {font-size:17px;font-weight:700;color:var(--ink);line-height:1.4;}.qual-card p {font-size:14px;color:var(--ink-4);line-height:1.7;}.advantages-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}.advantage-item {background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:36px;display:flex;gap:24px;align-items:flex-start;transition:all 0.3s ease;}.advantage-item:hover {border-color:var(--blue);box-shadow:var(--shadow);transform:translateY(-3px);}.adv-num {font-size:40px;font-weight:800;flex-shrink:0;opacity:0.9;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;}.advantage-item h3 {font-size:20px;font-weight:700;color:var(--ink);margin-bottom:10px;}.advantage-item p {font-size:15px;color:var(--ink-4);line-height:1.75;}.process-timeline {display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative;}.process-timeline::before {content:'';position:absolute;top:32px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,var(--blue),var(--orange));opacity:0.25;}.process-step {text-align:center;position:relative;}.process-marker {width:64px;height:64px;margin:0 auto 24px;border-radius:50%;background:var(--bg);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;transition:all 0.3s;}.process-step:hover .process-marker {border-color:transparent;background:var(--gradient);box-shadow:var(--shadow-blue);transform:scale(1.08);}.process-num {font-size:24px;font-weight:800;color:var(--blue);transition:color 0.3s;}.process-step:hover .process-num {color:#fff;}.process-body h3 {font-size:17px;font-weight:700;color:var(--ink);margin-bottom:8px;}.process-body p {font-size:14px;color:var(--ink-4);line-height:1.7;padding:0 4px;}.clients-wall {display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:1000px;margin:0 auto;}.client-chip {padding:12px 24px;background:var(--bg);border:1px solid var(--line);border-radius:100px;font-size:15px;font-weight:600;color:var(--ink-3);transition:all 0.25s ease;}.client-chip:hover {border-color:var(--blue);color:var(--blue);background:var(--gradient-soft);transform:translateY(-2px);box-shadow:var(--shadow-sm);}.cases-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.case-card {background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:32px;transition:all 0.35s ease;}.case-card:hover {transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent;}.case-tag {display:inline-block;padding:5px 14px;background:var(--gradient-soft-orange);color:var(--orange-dark);font-size:12.5px;font-weight:600;border-radius:100px;margin-bottom:18px;}.case-card h3 {font-size:19px;font-weight:700;color:var(--ink);margin-bottom:12px;line-height:1.4;}.case-card>p {font-size:14.5px;color:var(--ink-4);line-height:1.75;margin-bottom:24px;}.case-result {display:flex;gap:32px;padding-top:22px;border-top:1px solid var(--line-2);}.result-num {font-size:26px;font-weight:800;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.result-label {font-size:13px;color:var(--ink-4);margin-top:2px;}.cases-note {text-align:center;margin-top:32px;font-size:14px;color:var(--ink-5);}.team-qual-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}.team-qual-card {background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:36px 28px;text-align:center;transition:all 0.35s ease;}.team-qual-card:hover {transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent;}.team-qual-num {font-size:40px;font-weight:800;margin-bottom:8px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}.team-qual-name {font-size:17px;font-weight:700;color:var(--ink);margin-bottom:10px;}.team-qual-card p {font-size:14px;color:var(--ink-4);line-height:1.7;}.news-entry {display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);padding:48px;box-shadow:var(--shadow-sm);flex-wrap:wrap;}.news-entry-text h3 {font-size:24px;font-weight:800;color:var(--ink);margin-bottom:10px;}.news-entry-text p {font-size:16px;color:var(--ink-4);max-width:520px;}.contact-section {position:relative;background:var(--bg-dark);color:#fff;padding:100px 0;overflow:hidden;}.contact-bg {position:absolute;inset:0;z-index:0;}.contact-glow {position:absolute;border-radius:50%;filter:blur(110px);opacity:0.4;}.contact-section .glow-1 {width:480px;height:480px;background:#1d4ed8;top:-100px;right:10%;}.contact-section .glow-2 {width:420px;height:420px;background:#f97316;bottom:-100px;left:5%;opacity:0.25;}.contact-inner {position:relative;z-index:1;display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:stretch;}.contact-title {font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.25;margin:16px 0 12px;letter-spacing:-0.5px;}.contact-desc {font-size:17px;color:#94a3b8;line-height:1.8;margin-bottom:20px;}.contact-benefits {display:grid;gap:12px;}.contact-brand-logo {margin:20px 0 6px;display:flex;align-items:center;}.contact-brand-logo img {width:300px;max-width:100%;height:auto;display:block;filter:drop-shadow(0 4px 16px rgba(29,78,216,0.25));}.contact-benefits li {display:flex;align-items:center;gap:12px;font-size:15.5px;color:#cbd5e1;}.contact-benefits svg {color:#34d399;flex-shrink:0;}.contact-form-wrap {position:relative;display:flex;}.contact-form {background:rgba(255,255,255,0.97);border-radius:var(--radius-lg);padding:40px;box-shadow:0 30px 80px rgba(0,0,0,0.35);width:100%;display:flex;flex-direction:column;}.form-title {font-size:26px;font-weight:800;color:var(--blue);}.form-row {display:grid;grid-template-columns:1fr 1fr;gap:16px;}.form-group {margin-bottom:18px;}.form-group label {display:block;font-size:14px;font-weight:600;color:var(--ink-2);margin-bottom:8px;}.form-group label span {color:#ef4444;}.form-group input,.form-group select,.form-group textarea {width:100%;padding:13px 16px;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font-size:15px;transition:all 0.2s;outline:none;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus {border-color:var(--blue);box-shadow:0 0 0 4px rgba(29,78,216,0.1);}.form-group textarea {resize:vertical;}.form-note {text-align:center;font-size:12.5px;color:var(--ink-5);margin-top:14px;}.form-success {position:absolute;inset:0;background:rgba(255,255,255,0.98);border-radius:var(--radius-lg);display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;}.form-success.show {display:flex;animation:fadeIn 0.4s ease;}.success-icon {color:#10b981;margin-bottom:20px;}.form-success h3 {font-size:24px;font-weight:800;color:var(--ink);margin-bottom:10px;}.form-success p {font-size:15px;color:var(--ink-4);max-width:320px;}.footer {background:#060b18;color:#94a3b8;padding:72px 0 32px;}.footer-top {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:32px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,0.08);}.footer-brand .logo-text {color:#fff;}.footer-desc {margin-top:16px;font-size:14.5px;line-height:1.7;}.footer-links {display:contents;}.footer-col h4 {color:#fff;font-size:15px;font-weight:700;margin-bottom:18px;}.footer-col a,.footer-col span {display:block;font-size:14px;color:#94a3b8;padding:6px 0;transition:color 0.2s;}.footer-col a:hover {color:#fff;}.footer-bottom {display:flex;justify-content:space-between;padding-top:28px;font-size:13px;flex-wrap:wrap;gap:8px;}.footer-friend-links {padding-top:20px;border-top:1px solid rgba(255,255,255,0.08);margin-top:20px;text-align:center;}.footer-friend-links .friend-links-title {display:block;margin-bottom:8px;}.friend-links-title {color:#94a3b8;font-size:13px;font-weight:600;}.footer-friend-links a {display:inline-block;font-size:12px;color:#64748b;margin:4px 10px;transition:color 0.2s;}.footer-friend-links a:hover {color:#cbd5e1;}.float-chat {position:fixed;right:28px;bottom:28px;z-index:900;}.float-chat-btn {width:60px;height:60px;border-radius:50%;background:var(--gradient);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(29,78,216,0.45);transition:all 0.3s;position:relative;}.float-chat-btn:hover {transform:scale(1.1);}.float-chat-badge {position:absolute;top:-2px;right:-2px;width:22px;height:22px;background:var(--orange);color:#fff;font-size:12px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;}.float-chat-btn::before {content:'';position:absolute;inset:0;border-radius:50%;border:2px solid rgba(29,78,216,0.4);animation:ripple 2s infinite;}@keyframes ripple {0% {transform:scale(1);opacity:1;}100% {transform:scale(1.6);opacity:0;}}.chat-modal {position:fixed;right:24px;bottom:92px;z-index:1100;display:none;}.chat-modal.show {display:block;}.chat-modal-mask {display:none;}.chat-modal-box {position:relative;width:213px;max-width:calc(100vw - 48px);background:var(--bg);border-radius:14px;box-shadow:0 8px 40px rgba(15,23,42,0.22);transform:translateY(15px);opacity:0;transition:all 0.35s cubic-bezier(0.16,1,0.3,1);overflow:hidden;}.chat-modal.show .chat-modal-box {transform:translateY(0);opacity:1;}.message-form-head {background:var(--gradient);color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;}.message-form-head h3 {font-size:16px;font-weight:600;color:#fff;}.message-form-close {color:rgba(255,255,255,0.9);padding:2px;line-height:0;}.message-form-close:hover {color:#fff;}.message-form-body {padding:14px 16px 16px;}.message-form-tip {font-size:12.5px;color:var(--ink-3);line-height:1.6;margin-bottom:12px;}.message-form textarea,.message-form input {width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:6px;font-size:12.5px;color:var(--ink-2);background:var(--bg);margin-bottom:8px;outline:none;transition:border-color 0.2s,box-shadow 0.2s;font-family:inherit;}.message-form textarea {resize:vertical;min-height:70px;line-height:1.5;}.message-form textarea:focus,.message-form input:focus {border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,78,216,0.08);}.message-form textarea::placeholder,.message-form input::placeholder {color:var(--ink-4);}.message-form-foot {display:flex;justify-content:flex-end;margin-top:4px;}.message-form-submit {background:var(--blue);color:#fff;padding:8px 24px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;font-family:inherit;}.message-form-submit:hover {background:#1e40af;transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,78,216,0.3);}.message-form-submit:active {transform:translateY(0);}.message-form-submit:disabled {opacity:0.6;cursor:not-allowed;transform:none;box-shadow:none;}.back-top {position:fixed;right:28px;bottom:104px;z-index:900;width:46px;height:46px;border-radius:12px;background:var(--bg);color:var(--ink-3);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.3s;}.back-top.show {opacity:1;visibility:visible;transform:translateY(0);}.back-top:hover {background:var(--gradient);color:#fff;border-color:transparent;transform:translateY(-2px);}.float-qr-group {position:fixed;left:24px;bottom:28px;z-index:900;display:flex;flex-direction:column;gap:14px;align-items:flex-start;}.wechat-float,.wechat-mp-float {position:relative;}.wechat-float-btn {width:54px;height:54px;border-radius:50%;background:#07c160;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(7,193,96,0.4);position:relative;transition:transform 0.3s,box-shadow 0.3s;}.wechat-float-btn:hover {transform:scale(1.08);box-shadow:0 10px 32px rgba(7,193,96,0.55);}.wechat-float-tip {position:absolute;left:50%;top:-32px;transform:translateX(-50%);background:rgba(15,23,42,0.92);color:#fff;padding:5px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.2s,visibility 0.2s;pointer-events:none;}.wechat-float-btn:hover + .wechat-float-tip {opacity:1;visibility:visible;}.wechat-float-popup {position:absolute;left:64px;bottom:0;background:#fff;border-radius:12px;padding:16px;width:200px;box-shadow:0 12px 40px rgba(0,0,0,0.18);opacity:0;visibility:hidden;transform:translateX(-8px) scale(0.96);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);text-align:center;z-index:10;}.wechat-float:hover .wechat-float-popup,.wechat-float:focus-within .wechat-float-popup {opacity:1;visibility:visible;transform:translateX(0) scale(1);}.wechat-float-popup::before {content:'';position:absolute;left:-6px;bottom:21px;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:-2px 2px 6px rgba(0,0,0,0.05);}.wechat-qr-img {width:168px;height:168px;display:block;margin:0 auto;border-radius:4px;}.wechat-qr-text {margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--ink-3);font-weight:500;}.wechat-mp-float-btn {width:54px;height:54px;border-radius:50%;background:var(--gradient);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(29,78,216,0.42);position:relative;transition:transform 0.3s,box-shadow 0.3s;}.wechat-mp-float-btn:hover {transform:scale(1.08);box-shadow:0 10px 32px rgba(29,78,216,0.55);}.wechat-mp-float-tip {position:absolute;left:50%;top:-32px;transform:translateX(-50%);background:rgba(15,23,42,0.92);color:#fff;padding:5px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.2s,visibility 0.2s;pointer-events:none;}.wechat-mp-float-btn:hover + .wechat-mp-float-tip {opacity:1;visibility:visible;}.wechat-mp-float-popup {position:absolute;left:64px;bottom:0;background:#fff;border-radius:12px;padding:16px;width:200px;box-shadow:0 12px 40px rgba(0,0,0,0.18);opacity:0;visibility:hidden;transform:translateX(-8px) scale(0.96);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);text-align:center;z-index:10;}.wechat-mp-float:hover .wechat-mp-float-popup,.wechat-mp-float:focus-within .wechat-mp-float-popup {opacity:1;visibility:visible;transform:translateX(0) scale(1);}.wechat-mp-float-popup::before {content:'';position:absolute;left:-6px;bottom:21px;width:12px;height:12px;background:#fff;transform:rotate(45deg);box-shadow:-2px 2px 6px rgba(0,0,0,0.05);}.wechat-mp-qr-img {width:168px;height:168px;display:block;margin:0 auto;border-radius:4px;}.wechat-mp-qr-badge {display:inline-block;margin-bottom:8px;padding:3px 10px;border-radius:20px;background:var(--gradient-soft);color:var(--blue);font-size:11px;font-weight:600;letter-spacing:0.5px;}@media (max-width:768px) {.float-qr-group {left:16px;bottom:100px;gap:10px;}.wechat-float-btn,.wechat-mp-float-btn {width:48px;height:48px;}.wechat-float-popup,.wechat-mp-float-popup {width:180px;left:58px;}.wechat-float-popup::before,.wechat-mp-float-popup::before {bottom:18px;}.wechat-qr-img,.wechat-mp-qr-img {width:148px;height:148px;}}.page-banner {background:var(--bg-dark);color:#fff;padding:140px 0 70px;position:relative;overflow:hidden;text-align:center;}.page-banner::before {content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(29,78,216,0.2),transparent 50%),radial-gradient(circle at 70% 60%,rgba(249,115,22,0.12),transparent 50%);}.page-banner .container {position:relative;z-index:1;}.page-banner h1 {font-size:clamp(30px,4.5vw,44px);font-weight:800;margin-bottom:14px;}.page-banner p {font-size:17px;color:#94a3b8;}.breadcrumb {margin-top:18px;font-size:14px;color:#64748b;}.breadcrumb a {color:#93c5fd;transition:color 0.2s;}.breadcrumb a:hover {color:#fff;}.articles-list {display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}.article-card {background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:all 0.35s ease;display:flex;flex-direction:column;}.article-card:hover {transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent;}.article-cover {height:180px;background:var(--gradient);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}.article-cover::after {content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(29,78,216,0.1),rgba(249,115,22,0.1));pointer-events:none;}.article-cover-orange {background:var(--gradient-orange);}.article-cover-indigo {background:linear-gradient(135deg,#4f46e5,#7c3aed);}.article-cover-teal {background:linear-gradient(135deg,#0891b2,#059669);}.article-cover-inner {position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;}.article-cover-icon {font-size:56px;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.18));}.article-detail-cover {height:56px;border-radius:var(--radius-md);margin-bottom:32px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;}.article-cover-text {color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;display:inline-flex;align-items:center;gap:8px;}.article-cover-text::before {content:'';width:6px;height:6px;background:#fff;border-radius:50%;}.article-cover-label {font-size:15px;font-weight:600;color:#fff;background:rgba(0,0,0,0.18);padding:6px 16px;border-radius:100px;letter-spacing:0.5px;backdrop-filter:blur(8px);}.article-body {padding:24px;flex:1;display:flex;flex-direction:column;}.article-cat {display:inline-block;padding:4px 12px;background:var(--gradient-soft);color:var(--blue);font-size:12px;font-weight:600;border-radius:100px;margin-bottom:14px;align-self:flex-start;}.article-card h3 {font-size:18px;font-weight:700;color:var(--ink);line-height:1.45;margin-bottom:12px;transition:color 0.2s;}.article-card:hover h3 {color:var(--blue);}.article-card p {font-size:14px;color:var(--ink-4);line-height:1.7;flex:1;}.article-meta {display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--line-2);font-size:13px;color:var(--ink-5);}.article-read {color:var(--blue);font-weight:600;}.articles-categories {display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;}.article-category {display:flex;flex-direction:column;}.cat-header {display:flex;align-items:center;gap:14px;padding:20px 22px;border-radius:var(--radius) var(--radius) 0 0;color:#fff;position:relative;overflow:hidden;}.cat-header::after {content:'';position:absolute;right:-20px;bottom:-20px;width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,0.08);}.cat-header-blue {background:linear-gradient(135deg,#1d4ed8,#2563eb);}.cat-header-orange {background:linear-gradient(135deg,#ea580c,#f97316);}.cat-header-teal {background:linear-gradient(135deg,#0891b2,#0d9488);}.cat-icon {font-size:32px;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.15));}.cat-title h3 {font-size:18px;font-weight:700;color:#fff;margin:0 0 2px;line-height:1.3;}.cat-subtitle {font-size:12px;color:rgba(255,255,255,0.8);letter-spacing:0.3px;}.cat-articles {flex:1;display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--bg);border:1px solid var(--line);border-top:none;border-radius:0 0 var(--radius) var(--radius);}.article-mini {display:block;padding:18px 16px;background:#fff;border:1px solid var(--line-2);border-radius:var(--radius-md);transition:all 0.3s ease;position:relative;}.article-mini::before {content:'';position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px;background:var(--blue);transition:width 0.3s ease;}.article-mini:hover {border-color:transparent;box-shadow:var(--shadow);transform:translateX(2px);}.article-mini:hover::before {width:5px;}.article-mini-tag {display:inline-block;padding:2px 10px;background:var(--gradient-soft);color:var(--blue);font-size:11px;font-weight:600;border-radius:100px;margin-bottom:10px;}.article-mini h4 {font-size:15px;font-weight:700;color:var(--ink);line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color 0.2s;}.article-mini:hover h4 {color:var(--blue);}.article-mini p {font-size:13px;color:var(--ink-4);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px;}.article-mini-meta {display:flex;align-items:center;gap:12px;font-size:12px;color:var(--ink-5);padding-top:10px;border-top:1px solid var(--line-2);}.article-mini-read {margin-left:auto;color:var(--blue);font-weight:600;}.article-category:nth-child(2) .article-mini::before {background:var(--orange);}.article-category:nth-child(2) .article-mini-tag {background:#fff7ed;color:var(--orange);}.article-category:nth-child(2) .article-mini:hover h4 {color:var(--orange);}.article-category:nth-child(2) .article-mini-read {color:var(--orange);}.article-category:nth-child(3) .article-mini::before {background:#0891b2;}.article-category:nth-child(3) .article-mini-tag {background:#ecfeff;color:#0891b2;}.article-category:nth-child(3) .article-mini:hover h4 {color:#0891b2;}.article-category:nth-child(3) .article-mini-read {color:#0891b2;}.empty-state {text-align:center;padding:80px 20px;color:var(--ink-4);}.empty-state svg {margin:0 auto 20px;color:var(--ink-5);}.article-detail {padding:120px 0 80px;}.article-detail-wrap {max-width:800px;margin:0 auto;position:relative;}.article-detail-head {text-align:center;margin-bottom:40px;padding-top:24px;}.article-detail-cat {display:inline-block;padding:5px 14px;background:var(--gradient-soft);color:var(--blue);font-size:13px;font-weight:600;border-radius:100px;margin-bottom:18px;}.article-detail h1 {font-size:clamp(26px,4vw,36px);font-weight:800;color:var(--ink);line-height:1.35;margin-bottom:18px;}.article-detail-meta {font-size:14px;color:var(--ink-5);display:flex;justify-content:center;gap:20px;flex-wrap:wrap;}.article-detail-cover {height:56px;border-radius:var(--radius-md);margin-bottom:32px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;}.article-content {font-size:16px;color:var(--ink-2);line-height:1.9;}.article-content h2 {font-size:24px;font-weight:800;color:var(--ink);margin:36px 0 16px;}.article-content h3 {font-size:19px;font-weight:700;color:var(--ink);margin:28px 0 12px;}.article-content p {margin-bottom:18px;}.article-content ul,.article-content ol {margin:0 0 18px 4px;padding-left:22px;}.article-content li {margin-bottom:8px;}.article-content ul li {list-style:disc;}.article-content ol li {list-style:decimal;}.article-content strong {color:var(--ink);font-weight:700;}.article-content blockquote {border-left:4px solid var(--blue);background:var(--bg-alt);padding:16px 20px;border-radius:0 10px 10px 0;margin:20px 0;color:var(--ink-3);}.article-content img {border-radius:var(--radius-sm);margin:20px 0;}.article-cover-photo {display:none;}.article-summary {background:linear-gradient(135deg,#f0f5ff,#f0fdfa);border-left:4px solid var(--blue);padding:18px 24px;border-radius:0 12px 12px 0;margin:20px 0 28px;font-size:15px;line-height:1.8;color:var(--ink-2);font-weight:500;}.article-summary::before {content:"核心要点";display:inline-block;font-size:12px;font-weight:700;color:var(--blue);background:rgba(59,130,246,0.1);padding:2px 10px;border-radius:100px;margin-bottom:8px;}.article-figure {margin:28px 0;text-align:center;}.article-figure img {width:100%;border-radius:var(--radius-md);box-shadow:0 2px 16px rgba(0,0,0,0.08);}.article-figure figcaption {font-size:13px;color:var(--ink-4);margin-top:8px;font-style:italic;line-height:1.5;}.article-figure figcaption {font-size:13px;color:var(--ink-5);margin-top:10px;line-height:1.6;}@media (max-width:640px) {.article-cover-photo {max-height:240px;}.article-summary {padding:14px 16px;font-size:14px;}}.article-nav {display:flex;justify-content:space-between;gap:20px;margin-top:50px;padding-top:36px;border-top:1px solid var(--line);flex-wrap:wrap;}.article-nav a {font-size:15px;color:var(--ink-3);transition:color 0.2s;}.article-nav a:hover {color:var(--blue);}.article-actions {margin-top:40px;position:relative;}.article-actions-inner {display:flex;justify-content:center;align-items:center;gap:8px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;}.art-action {display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 18px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);transition:all 0.2s;position:relative;color:var(--ink-3);min-width:64px;}.art-action:hover {background:var(--bg-2);color:var(--blue);}.art-action svg {transition:transform 0.2s;}.art-action:hover svg {transform:scale(1.15);}.art-action-num {font-size:15px;font-weight:700;color:var(--ink-1);}.art-action-label {font-size:12px;color:var(--ink-4);}.art-action.active {color:var(--blue);}.art-action.active .art-action-num {color:var(--blue);}.art-action.active[data-action="like"] svg {fill:var(--blue);}.art-action.active[data-action="bookmark"] svg {fill:#f59e0b;}.art-action.active[data-action="bookmark"] {color:#f59e0b;}.art-action.active[data-action="bookmark"] .art-action-num {color:#f59e0b;}.art-action.pulse {animation:actPulse 0.6s ease;}@keyframes actPulse {0%,100% {transform:scale(1);}50% {transform:scale(1.2);}}.article-comments-section {margin-top:20px;padding:24px;background:var(--bg-1);border-radius:var(--radius-md);border:1px solid var(--line);}.comments-header {display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}.comments-header h3 {font-size:18px;font-weight:700;color:var(--ink-1);}.comments-count {font-size:13px;color:var(--ink-4);}.comment-form {margin-bottom:20px;position:relative;}.comment-name-input {width:100%;padding:10px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:14px;margin-bottom:8px;font-family:inherit;background:#fff;color:var(--ink-1);transition:border-color 0.2s;}.comment-name-input:focus {outline:none;border-color:var(--blue);}.comment-input {width:100%;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-sm);font-size:14px;resize:vertical;font-family:inherit;background:#fff;color:var(--ink-1);transition:border-color 0.2s;}.comment-input:focus {outline:none;border-color:var(--blue);}.comment-form-bar {display:flex;justify-content:space-between;align-items:center;margin-top:8px;}.comment-form-left {display:flex;align-items:center;gap:8px;}.comment-char-count {font-size:12px;color:var(--ink-4);}.emoji-btn {width:32px;height:32px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;transition:border-color 0.2s,background 0.2s;}.emoji-btn:hover {border-color:var(--blue);background:#f0f7ff;}.emoji-picker {position:absolute;z-index:100;margin-top:4px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:0 4px 20px rgba(0,0,0,0.12);padding:12px;max-width:360px;}.emoji-grid {display:grid;grid-template-columns:repeat(10,1fr);gap:2px;max-height:200px;overflow-y:auto;}.emoji-item {font-size:20px;cursor:pointer;text-align:center;padding:4px;border-radius:4px;transition:background 0.15s;user-select:none;}.emoji-item:hover {background:var(--bg-1);}@media (max-width:768px) {.emoji-grid {grid-template-columns:repeat(8,1fr);}.emoji-item {font-size:18px;}.emoji-picker {max-width:300px;}}.comment-submit-btn {padding:6px 20px;border:none;border-radius:var(--radius-sm);background:var(--blue);color:#fff;font-size:14px;cursor:pointer;transition:opacity 0.2s;}.comment-submit-btn:disabled {opacity:0.4;cursor:not-allowed;}.comment-submit-btn:not(:disabled):hover {opacity:0.85;}.comments-list {display:flex;flex-direction:column;gap:16px;}.comments-empty {text-align:center;padding:24px;color:var(--ink-4);font-size:14px;}.comment-item {display:flex;gap:12px;}.comment-avatar {width:36px;height:36px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--gradient);color:#fff;font-size:16px;font-weight:700;}.comment-body {flex:1;}.comment-meta {display:flex;align-items:center;gap:8px;margin-bottom:4px;}.comment-name {font-size:14px;font-weight:600;color:var(--ink-1);}.comment-time {font-size:12px;color:var(--ink-4);}.comment-text {font-size:14px;line-height:1.6;color:var(--ink-2);}.article-share-popup {position:fixed;z-index:10001;display:none;}.share-popup-inner {background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);padding:20px 24px;box-shadow:0 4px 20px rgba(0,0,0,0.15);position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;}.article-share-popup.arrow-down .share-popup-inner::after {content:'';position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;}.article-share-popup.arrow-down .share-popup-inner::before {content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid var(--line);z-index:-1;}.article-share-popup.arrow-up .share-popup-inner::after {content:'';position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;}.article-share-popup.arrow-up .share-popup-inner::before {content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid var(--line);z-index:-1;}.share-popup-title {font-size:14px;font-weight:600;color:var(--ink-2);}.share-popup-links {display:flex;gap:20px;}.share-link {display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--ink-3);font-size:12px;transition:transform 0.2s;}.share-link:hover {transform:translateY(-2px);}.share-link span {color:var(--ink-3);}.share-icon-img {width:32px;height:32px;object-fit:contain;transition:transform 0.2s;}.share-link:hover .share-icon-img {transform:scale(1.1);}.share-qr-float {display:none;flex-direction:column;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--line);width:100%;}.share-qr-float.show {display:flex;}.share-qr-img {width:150px;height:150px;border:1px solid var(--line);border-radius:4px;background:#f8f9fa;}.share-qr-float p {font-size:12px;color:var(--ink-4);margin:0;}.share-popup-close {position:absolute;top:4px;right:8px;border:none;background:transparent;font-size:20px;cursor:pointer;color:var(--ink-4);line-height:1;}.share-popup-close:hover {color:var(--ink-1);}.article-toast {position:fixed;bottom:80px;left:50%;transform:translateX(-50%);padding:10px 24px;background:rgba(0,0,0,0.8);color:#fff;border-radius:24px;font-size:14px;z-index:9999;opacity:0;transition:opacity 0.3s;}.article-toast.show {opacity:1;}.article-row-thumb-photo {width:88px;height:88px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;position:relative;}.article-row-thumb-photo img {width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}.article-row:hover .article-row-thumb-photo img {transform:scale(1.08);}@media (max-width:640px) {.art-action {padding:8px 12px;min-width:52px;}.art-action-label {font-size:11px;}.art-action-num {font-size:13px;}.share-popup-links {gap:12px;}.article-top-actions {flex-direction:column;gap:8px;align-items:flex-start !important;}.top-action-stats {gap:10px !important;}.article-business-card-grid {grid-template-columns:1fr !important;}}.article-top-actions {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;margin-top:8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}.top-action-creative {display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);padding:3px 10px;border-radius:4px;white-space:nowrap;}.top-action-creative::before {content:"";display:inline-block;width:6px;height:6px;background:#93c5fd;border-radius:50%;}.top-action-stats {display:flex;align-items:center;gap:16px;justify-content:flex-end;}.top-stat {display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--ink-3);cursor:pointer;transition:all 0.2s ease;padding:4px 8px;border-radius:6px;user-select:none;}.top-stat:hover {background:rgba(37,99,235,0.08);color:var(--blue);}.top-stat:hover svg {color:var(--blue);}.top-stat:active {transform:scale(0.92);}.top-stat svg {color:var(--ink-4);transition:color 0.2s;}.top-stat-num {font-weight:600;color:var(--ink-2);transition:color 0.2s;}.top-stat.active {color:var(--blue);}.top-stat.active svg {color:var(--blue);}.top-stat.active .top-stat-num {color:var(--blue);}.top-stat.pulse {animation:topPulse 0.5s ease;}@keyframes topPulse {0% {transform:scale(1);}50% {transform:scale(1.25);}100% {transform:scale(1);}}.article-business-card {margin:32px 0 8px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);background:linear-gradient(135deg,#f8fafc,#f1f5f9);}.business-card-header {display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#1e3a5f,#2563eb);color:#fff;font-size:14px;font-weight:600;}.business-card-header svg {color:#93c5fd;}.business-card-body {padding:20px;}.business-card-name {font-size:18px;font-weight:700;color:var(--ink-1);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--brand);display:inline-block;}.business-card-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;}.business-card-item {display:flex;align-items:baseline;gap:8px;font-size:14px;}.business-card-item-full {grid-column:1 / -1;}.bc-label {color:var(--ink-4);white-space:nowrap;min-width:48px;}.bc-value {color:var(--ink-1);font-weight:500;}.bc-link {color:var(--brand);text-decoration:none;transition:color 0.2s;}.bc-link:hover {color:var(--brand-dark,#1d4ed8);text-decoration:underline;}.article-back {display:inline-flex;align-items:center;gap:6px;position:absolute;top:24px;left:0;font-size:14px;color:var(--ink-3);padding:5px 18px;border-radius:var(--radius-sm);background:var(--blue);color:#fff;text-decoration:none;transition:all 0.2s;cursor:pointer;border:none;box-shadow:0 2px 8px rgba(29,78,216,0.2);}.article-back:hover {background:#1d4ed8;color:#fff;box-shadow:0 4px 16px rgba(29,78,216,0.35);transform:translateY(-1px);}@media (max-width:768px) {.article-back {position:static;margin-bottom:20px;}.article-detail-head {padding-top:0;}}.js .reveal {opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease;}.js .reveal.visible {opacity:1;transform:translateY(0);}@keyframes fadeIn {from {opacity:0;transform:scale(0.95);}to {opacity:1;transform:scale(1);}}.logo-img {height:30px;width:auto;display:block;transition:all 0.3s;}.navbar.scrolled .logo-img {height:26px;}.logo-img-dark {display:block;}.logo-img-light {display:none;}.navbar.scrolled .logo-img-dark {display:none;}.navbar.scrolled .logo-img-light {display:block;}.footer .logo-img {height:42px;}@media (max-width:768px) {.logo-img {height:26px;}.navbar.scrolled .logo-img {height:22px;}.footer .logo-img {height:36px;}}.hero-slogan {display:flex;align-items:center;justify-content:center;gap:16px;margin:32px auto 0;font-size:17px;font-weight:600;color:#fbbf24;letter-spacing:1.5px;text-align:center;}.hero-slogan .slogan-deco {display:inline-block;width:36px;height:1.5px;background:linear-gradient(90deg,transparent,#fbbf24);}.hero-slogan .slogan-deco:last-child {background:linear-gradient(90deg,#fbbf24,transparent);}.contact-slogan {color:#fbbf24 !important;font-size:16px !important;letter-spacing:1.2px !important;}.contact-slogan .slogan-deco {background:linear-gradient(90deg,transparent,#fbbf24) !important;}.contact-slogan .slogan-deco:last-child {background:linear-gradient(90deg,#fbbf24,transparent) !important;}.footer-desc .slogan-highlight,.footer-bottom .slogan-highlight,.slogan-emphasis {font-weight:800;color:#60a5fa;letter-spacing:1px;}.slogan-banner {background:#fff;padding:48px 24px;text-align:center;}.slogan-banner-text {font-size:clamp(28px,4vw,42px);font-weight:800;color:var(--blue);letter-spacing:2px;line-height:1.3;}.slogan-banner-text .slogan-line {display:inline-block;}.slogan-banner-text .slogan-accent {color:var(--orange);}.section-tag-link {display:inline-block;padding:8px 20px;background:var(--gradient);color:#fff !important;font-size:14px;font-weight:600;border-radius:100px;margin-bottom:18px;letter-spacing:0.5px;text-decoration:none;transition:all 0.25s ease;box-shadow:0 4px 12px rgba(29,78,216,0.2);}.section-tag-link:hover {transform:translateY(-2px);box-shadow:0 8px 20px rgba(29,78,216,0.3);color:#fff;}.dual-color-title .title-black {color:var(--ink);}.dual-color-title .title-blue {color:var(--blue);}.ai-chat-modal {position:fixed;right:24px;bottom:92px;z-index:1100;display:none;}.ai-chat-modal.show {display:block;}.ai-chat-box {position:relative;width:380px;max-width:calc(100vw - 48px);max-height:600px;background:var(--bg);border-radius:16px;box-shadow:0 8px 40px rgba(15,23,42,0.22);transform:translateY(15px);opacity:0;transition:all 0.35s cubic-bezier(0.16,1,0.3,1);overflow:hidden;display:flex;flex-direction:column;}.ai-chat-modal.show .ai-chat-box {transform:translateY(0);opacity:1;}.ai-chat-head {background:var(--gradient);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;}.ai-chat-head-info {display:flex;align-items:center;gap:10px;}.ai-chat-avatar {width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;}.ai-chat-head h3 {font-size:16px;font-weight:600;color:#fff;}.ai-chat-status {font-size:11px;color:rgba(255,255,255,0.7);display:flex;align-items:center;gap:4px;}.ai-chat-status::before {content:'';width:6px;height:6px;border-radius:50%;background:#4ade80;}.ai-chat-close {color:rgba(255,255,255,0.9);padding:2px;line-height:0;cursor:pointer;background:none;border:none;}.ai-chat-close:hover {color:#fff;}.ai-chat-body {flex:1;overflow-y:auto;padding:16px;background:#f8fafc;min-height:300px;max-height:400px;}.ai-chat-msg {margin-bottom:12px;display:flex;flex-direction:column;}.ai-chat-msg.user {align-items:flex-end;}.ai-chat-msg.bot {align-items:flex-start;}.ai-chat-bubble {max-width:85%;padding:10px 14px;border-radius:12px;font-size:13.5px;line-height:1.6;word-break:break-word;}.ai-chat-msg.user .ai-chat-bubble {background:var(--blue);color:#fff;border-bottom-right-radius:4px;}.ai-chat-msg.bot .ai-chat-bubble {background:#fff;color:var(--ink-2);border:1px solid var(--line);border-bottom-left-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.04);}.ai-chat-bubble a {color:var(--blue);text-decoration:underline;}.ai-chat-typing {display:flex;gap:4px;padding:10px 14px;}.ai-chat-typing span {width:7px;height:7px;border-radius:50%;background:var(--ink-5);animation:typing 1.4s infinite;}.ai-chat-typing span:nth-child(2) {animation-delay:0.2s;}.ai-chat-typing span:nth-child(3) {animation-delay:0.4s;}@keyframes typing {0%,60%,100% {opacity:0.3;transform:scale(0.8);}30% {opacity:1;transform:scale(1);}}.ai-chat-foot {padding:12px 16px;border-top:1px solid var(--line);background:#fff;flex-shrink:0;}.ai-chat-input-row {display:flex;gap:8px;}.ai-chat-input {flex:1;padding:10px 14px;border:1px solid var(--line);border-radius:8px;font-size:13.5px;outline:none;transition:border-color 0.2s;font-family:inherit;}.ai-chat-input:focus {border-color:var(--blue);box-shadow:0 0 0 3px rgba(29,78,216,0.08);}.ai-chat-send {background:var(--gradient);color:#fff;border:none;border-radius:8px;padding:0 18px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.2s;white-space:nowrap;flex-shrink:0;}.ai-chat-send:hover {transform:translateY(-1px);box-shadow:0 4px 12px rgba(29,78,216,0.3);}.ai-chat-send:disabled {opacity:0.5;cursor:not-allowed;}.ai-chat-quick {display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;}.ai-chat-quick-btn {padding:5px 12px;background:#f1f5f9;border:1px solid var(--line);border-radius:100px;font-size:12px;color:var(--ink-3);cursor:pointer;transition:all 0.2s;white-space:nowrap;}.ai-chat-quick-btn:hover {background:var(--gradient-soft);color:var(--blue);border-color:var(--blue);}.ai-chat-disclaimer {font-size:11px;color:var(--ink-5);text-align:center;margin-top:6px;}.ai-chat-topic-item {display:block;padding:8px 12px;margin:4px 0;background:#f0f7ff;border-radius:6px;font-size:13px;color:#2563eb;cursor:pointer;transition:all 0.2s;border:1px solid #dbeafe;}.ai-chat-topic-item:hover {background:#dbeafe;border-color:#93c5fd;transform:translateX(2px);}.office-grid {display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:20px;}.office-photo {position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:all 0.4s ease;cursor:pointer;}.office-photo img {width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;}.office-photo:hover {box-shadow:var(--shadow-lg);transform:translateY(-4px);}.office-photo:hover img {transform:scale(1.08);}.office-photo figcaption {position:absolute;left:0;right:0;bottom:0;padding:14px 18px;background:linear-gradient(180deg,transparent,rgba(11,17,32,0.85));color:#fff;font-size:14px;font-weight:600;letter-spacing:0.5px;}.office-photo-lg {grid-column:span 2;grid-row:span 2;}.office-photo-wide {grid-column:span 2;}@media (max-width:1024px) {.office-grid {grid-template-columns:repeat(2,1fr);}.office-photo-lg {grid-column:span 2;}.office-photo-wide {grid-column:span 2;}}@media (max-width:480px) {.office-grid {grid-template-columns:1fr;grid-auto-rows:220px;}.office-photo-lg,.office-photo-wide {grid-column:span 1;}}.dl-section {background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px 32px 24px;margin-bottom:40px;box-shadow:0 1px 3px rgba(0,0,0,0.04);}.dl-section-title {font-size:20px;font-weight:700;color:var(--ink);margin-bottom:18px;padding:0;border-bottom:none;display:block;letter-spacing:0.5px;line-height:1.4;}.dl-toolbar {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:10px 0 14px;border-bottom:1px solid var(--border);margin-bottom:0;}.dl-toolbar-left {display:flex;align-items:center;gap:14px;font-size:13.5px;color:var(--ink-4);}.dl-toolbar-left select {padding:5px 8px;border:1px solid var(--border);border-radius:4px;font-size:13px;color:var(--ink-3);background:#fff;cursor:pointer;outline:none;}.dl-toolbar-left select:focus {border-color:var(--blue);}.dl-toolbar-left .total-num {color:var(--orange);font-weight:600;}.dl-toolbar-left .total-pages {color:var(--ink-4);}.dl-toolbar-right {display:flex;align-items:center;}.dl-search-box {display:flex;align-items:stretch;border:1px solid #d4d4d8;border-radius:6px;overflow:hidden;transition:border-color 0.2s,box-shadow 0.2s;background:#f5f5f5;min-width:380px;box-shadow:0 1px 2px rgba(0,0,0,0.03);}.dl-search-box:focus-within {border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,0.1);}.dl-search-box input {flex:1;padding:10px 14px;border:none;border-radius:0;font-size:14px;min-width:200px;outline:none;background:#f5f5f5;color:var(--ink);transition:background 0.2s;}.dl-search-box input::placeholder {color:#94a3b8;}.dl-search-box input:focus {background:#fff;}.dl-search-box button {padding:10px 18px;border:none;border-left:1px solid #e4e4e7;background:#fff;color:var(--ink-2);border-radius:0;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.2s;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;}.dl-search-box button:hover {color:var(--blue);background:#f0f5ff;}.dl-search-box button .dl-search-icon {flex-shrink:0;transition:transform 0.2s;}.dl-search-box button:hover .dl-search-icon {transform:scale(1.1);}.dl-table {width:100%;border-collapse:collapse;font-size:14px;margin-top:0;}.dl-table thead th {background:#fafafa;color:var(--ink);font-weight:700;text-align:left;padding:14px 12px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:14px;white-space:nowrap;}.dl-table thead th .sort-icon {color:var(--orange);font-size:10px;margin-left:3px;vertical-align:middle;display:inline-block;transform:scale(0.85);}.dl-table tbody td {padding:16px 12px;border-bottom:1px solid var(--border);color:var(--ink);vertical-align:middle;}.dl-table tbody tr:hover {background:#fafbfc;}.dl-table tbody tr:last-child td {border-bottom:1px solid var(--border);}.dl-table .col-index {width:70px;color:var(--ink);text-align:right;padding-right:16px;}.dl-table .col-date {width:130px;color:var(--ink);}.dl-table .col-status {width:100px;}.dl-table .col-action {width:120px;text-align:center;white-space:nowrap;}.dl-table .col-stdno {color:var(--ink);}.dl-table .col-name {color:var(--ink);}.dl-table tbody td.col-index {font-weight:500;}.dl-table tbody td.col-date {font-weight:500;}.dl-table tbody td.col-stdno {font-weight:600;}.dl-table tbody td.col-name {font-weight:500;}.dl-status {display:inline-block;padding:3px 10px;border-radius:3px;font-size:12.5px;font-weight:500;}.dl-status.active {background:rgba(34,197,94,0.12);color:#16a34a;}.dl-status.pending {background:rgba(234,88,12,0.12);color:var(--orange);}.dl-view-btn {display:inline-block;padding:5px 14px;border:1px solid var(--border);color:var(--ink-3);background:#fff;border-radius:3px;font-size:12.5px;text-decoration:none;transition:all 0.2s;cursor:pointer;}.dl-view-btn:hover {border-color:var(--blue);color:var(--blue);}.dl-pagination {display:flex;align-items:center;justify-content:space-between;padding:18px 0 4px;flex-wrap:wrap;gap:12px;}.dl-pagination-left {font-size:13px;color:var(--ink-4);display:flex;align-items:center;gap:10px;}.dl-pagination-left select {padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-size:13px;background:#fff;cursor:pointer;outline:none;}.dl-pagination-right {display:flex;align-items:center;gap:6px;flex-wrap:wrap;}.dl-page-btn {min-width:34px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:#fff;color:var(--ink-3);border-radius:4px;font-size:13px;cursor:pointer;transition:all 0.2s;text-decoration:none;user-select:none;}.dl-page-btn:hover:not(.active):not(.disabled) {border-color:var(--blue);color:var(--blue);}.dl-page-btn.active {background:var(--blue);border-color:var(--blue);color:#fff;font-weight:600;}.dl-page-btn.disabled {color:var(--ink-5);cursor:not-allowed;opacity:0.5;}.dl-page-dots {color:var(--ink-5);padding:0 4px;user-select:none;}.dl-page-jump {margin-left:10px;font-size:13px;color:var(--ink-4);display:inline-flex;align-items:center;gap:6px;}.dl-page-jump input {width:50px;height:30px;padding:0 6px;border:1px solid var(--border);border-radius:4px;font-size:13px;text-align:center;outline:none;}.dl-page-jump input:focus {border-color:var(--blue);}.dl-page-jump button {height:30px;padding:0 12px;border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:4px;font-size:13px;cursor:pointer;transition:all 0.2s;}.dl-page-jump button:hover {background:#1d4ed8;border-color:#1d4ed8;}.dl-empty {padding:60px 20px;text-align:center;color:var(--ink-5);font-size:14px;}.dl-download-link {color:var(--blue);text-decoration:none;transition:color 0.2s;}.dl-download-link:hover {color:var(--orange);text-decoration:underline;}@media (max-width:768px) {.dl-section {padding:20px 16px;}.dl-toolbar {flex-direction:column;align-items:stretch;}.dl-toolbar-right {width:100%;}.dl-toolbar-right input {flex:1;width:auto;}.dl-table {font-size:12.5px;}.dl-table thead th,.dl-table tbody td {padding:10px 6px;}.dl-table .col-date,.dl-table .col-stdno {font-size:12px;}.dl-pagination {justify-content:center;}}.dl-table-wrap {overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;}.dl-table-wrap .dl-table {min-width:480px;}.news-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.news-card {background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:all 0.35s ease;display:flex;flex-direction:column;}.news-card:hover {transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent;}.news-card-cover {height:180px;background:var(--gradient-soft);display:flex;align-items:center;justify-content:center;color:var(--blue);font-size:56px;overflow:hidden;position:relative;}.news-card-cover-inner {display:flex;flex-direction:column;align-items:center;gap:10px;color:#fff;}.news-card-cover-icon {font-size:56px;line-height:1;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.18));}.news-card-cover-label {font-size:15px;font-weight:600;color:#fff;background:rgba(0,0,0,0.18);padding:6px 16px;border-radius:100px;letter-spacing:0.5px;backdrop-filter:blur(8px);}.news-card-cover img {width:100%;height:100%;object-fit:cover;}.news-card-body {padding:24px;flex:1;display:flex;flex-direction:column;}.news-card-meta {display:flex;gap:12px;align-items:center;font-size:12.5px;color:var(--ink-5);margin-bottom:12px;}.news-card-cat {display:inline-block;padding:3px 10px;background:var(--gradient-soft);color:var(--blue);border-radius:100px;font-size:12px;font-weight:600;}.news-card-title {font-size:17px;font-weight:700;color:var(--ink);margin-bottom:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.news-card-desc {font-size:14px;color:var(--ink-4);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px;}.news-card-more {margin-top:auto;color:var(--blue);font-size:14px;font-weight:600;}.news-card:hover .news-card-more {color:var(--orange);}@media (max-width:1024px) {.news-grid {grid-template-columns:1fr;max-width:520px;margin:0 auto;}}.form-checks {display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;}.form-check {display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1.5px solid var(--line);border-radius:100px;font-size:13.5px;color:var(--ink-3);cursor:pointer;transition:all 0.2s;user-select:none;}.form-check:hover {border-color:var(--blue);color:var(--blue);}.form-check input {width:auto;margin:0;cursor:pointer;accent-color:var(--blue);}.form-check:has(input:checked) {background:var(--gradient-soft);border-color:var(--blue);color:var(--blue);font-weight:600;}.service-card.featured {border-color:var(--blue);box-shadow:var(--shadow-blue);background:linear-gradient(180deg,#fff 0%,#f0f7ff 100%);}.service-title {font-size:19px;font-weight:700;color:var(--ink);margin-bottom:12px;}.service-desc {font-size:14px;color:var(--ink-4);line-height:1.7;margin-bottom:18px;}.service-list {list-style:none;padding:0;margin:0 0 22px 0;}.service-list li {position:relative;padding-left:22px;margin-bottom:8px;font-size:13.5px;color:var(--ink-3);line-height:1.5;}.service-list li::before {content:'';position:absolute;left:0;top:6px;width:14px;height:14px;border-radius:50%;background:var(--gradient-soft);border:1.5px solid var(--blue);}.service-list li::after {content:'';position:absolute;left:4px;top:9px;width:6px;height:3px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg);}.service-link {color:var(--blue);font-size:14.5px;font-weight:600;transition:all 0.2s;}.service-link:hover {color:var(--orange);transform:translateX(4px);display:inline-block;}.service-icon {width:56px;height:56px;border-radius:14px;background:var(--gradient-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all 0.3s;}.service-card:hover .service-icon {background:var(--gradient);color:#fff;transform:scale(1.05) rotate(-3deg);}.service-card.featured .service-icon {background:var(--gradient);color:#fff;}.service-badge {position:absolute;top:16px;right:16px;background:var(--gradient-orange);color:#fff;padding:5px 12px;font-size:12px;font-weight:700;border-radius:100px;box-shadow:0 4px 12px rgba(249,115,22,0.35);}.case-meta {display:flex;gap:16px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line-2);}.case-meta span {font-size:12.5px;color:var(--ink-5);display:inline-flex;align-items:center;}.case-meta span::before {content:'';width:4px;height:4px;border-radius:50%;background:var(--orange);margin-right:6px;}.clients-section {background:var(--bg-alt);}.contact-benefits li a {color:#fff;text-decoration:none;}.contact-benefits li a:hover {color:#fbbf24;}.contact-benefits li strong {color:#cbd5e1;margin-right:4px;}.contact-qr-row {display:flex;flex-direction:column;gap:16px;margin-top:24px;max-width:60%;}.contact-qr-card {display:flex;flex-direction:row;align-items:flex-start;gap:14px;padding:18px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:var(--radius-md);transition:all 0.3s;}.contact-qr-card:hover {border-color:rgba(56,189,248,0.5);transform:translateY(-2px);box-shadow:0 12px 32px rgba(56,189,248,0.15);}.contact-qr-img {width:120px;height:120px;flex-shrink:0;background:#fff;padding:6px;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,0.25);}.contact-qr-img img {width:100%;height:100%;display:block;object-fit:contain;}.contact-qr-info {display:flex;flex-direction:column;gap:4px;color:#cbd5e1;font-size:13px;line-height:1.5;}.contact-qr-title {display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:#38bdf8;margin-bottom:2px;}.contact-qr-title svg {flex-shrink:0;}.contact-qr-title-mp {color:#60a5fa;}.contact-qr-info strong {color:#fff;margin-right:4px;}@media (max-width:1024px) {.services-grid {grid-template-columns:repeat(2,1fr);}.qual-grid {grid-template-columns:repeat(2,1fr);}.team-qual-grid {grid-template-columns:repeat(2,1fr);}.cases-grid {grid-template-columns:repeat(2,1fr);}.process-timeline {grid-template-columns:repeat(3,1fr);gap:36px;}.process-timeline::before {display:none;}.articles-list {grid-template-columns:repeat(2,1fr);}.articles-categories {grid-template-columns:repeat(2,1fr);}.article-category:last-child {grid-column:1 / -1;max-width:50%;}}@media (max-width:768px) {.section {padding:70px 0;}.section-head {margin-bottom:44px;}.news-entry {flex-direction:column;text-align:center;padding:32px;}.nav-bottom {height:0;overflow:hidden;padding:0;border-top:0;}.navbar.scrolled .nav-bottom {backdrop-filter:none;background:transparent;box-shadow:none;border-top-color:transparent;}.nav-menu {position:fixed;top:0;right:0;width:80%;max-width:320px;height:100vh;background:var(--bg);flex-direction:column;justify-content:flex-start;gap:0;padding:90px 30px 30px;transform:translateX(100%);transition:transform 0.35s ease;box-shadow:-10px 0 40px rgba(0,0,0,0.1);align-items:flex-start;overflow-y:auto;display:flex;z-index:1002;}.nav-menu.open {transform:translateX(0);display:flex;}.nav-menu .nav-link {color:var(--ink-2);padding:14px 0;width:100%;border-bottom:1px solid var(--line-2);font-size:16px;}.nav-menu .nav-link::after {display:none;}.nav-cta {margin-top:20px;width:100%;}.menu-toggle {display:flex;z-index:1003;}.navbar:not(.scrolled) .menu-toggle span {background:#fff;}.navbar.scrolled .menu-toggle span {background:var(--ink);}.nav-phone {font-size:14px;gap:5px;}.nav-phone svg {width:15px;height:15px;}.nav-top-right {gap:8px;}.lang-switcher {flex-shrink:0;}.lang-trigger {padding:4px 8px;font-size:12px;}.lang-current-label {font-size:11px;}.lang-dropdown {min-width:115px;}.nav-cta {padding:8px 16px;font-size:13px;}.contact-qr-row {max-width:100%;margin-top:18px;gap:12px;}.contact-qr-card {flex-direction:row;padding:14px;gap:12px;align-items:flex-start;}.contact-qr-img {width:96px;height:96px;}.contact-qr-info {font-size:12px;line-height:1.6;word-break:break-word;}.contact-qr-title {font-size:13px;white-space:normal;}.contact-qr-info span {word-break:break-word;}.team-note {font-size:13px;padding:14px 16px;line-height:1.7;flex-wrap:wrap;}.team-note strong {display:inline-block;margin:0 4px;word-break:keep-all;}.team-note svg {width:18px;height:18px;flex-shrink:0;}.slogan-banner {padding:36px 20px;}.slogan-banner-text {font-size:clamp(22px,6vw,30px);letter-spacing:1px;}.slogan-banner-text .slogan-line {display:block;}.hero {min-height:auto;padding:120px 0 80px;}.hero-actions .btn {flex:1;min-width:140px;}.hero-cert {gap:10px 14px;}.cert-divider {display:none;}.stats-grid {grid-template-columns:repeat(2,1fr);gap:36px 24px;}.cases-grid {grid-template-columns:repeat(2,1fr);gap:16px;}.case-card {padding:18px 14px;}.case-card h3 {font-size:15px;margin-bottom:8px;}.case-card>p {font-size:12.5px;line-height:1.6;margin-bottom:14px;}.case-tag {font-size:11px;padding:3px 10px;margin-bottom:10px;}.case-meta {font-size:11.5px;}.case-meta span {display:block;}.advantages-grid {grid-template-columns:1fr;}.advantage-item {padding:28px;flex-direction:column;}.services-grid {grid-template-columns:1fr;}.qual-grid {grid-template-columns:1fr;}.team-qual-grid {grid-template-columns:repeat(2,1fr);}.process-timeline {grid-template-columns:1fr;}.articles-list {grid-template-columns:1fr;max-width:480px;margin:0 auto;}.articles-categories {grid-template-columns:1fr;max-width:520px;margin:0 auto;}.article-category:last-child {grid-column:auto;max-width:none;}.contact-inner {grid-template-columns:1fr;gap:40px;}.contact-form {padding:28px;}.form-row {grid-template-columns:1fr;}.footer-top {grid-template-columns:1fr 1fr;gap:28px;}.footer-bottom {flex-direction:column;gap:8px;text-align:center;}.float-chat {right:18px;bottom:18px;}.back-top {right:18px;bottom:90px;}.article-detail-cover {height:48px;}}@media (max-width:480px) {.container {padding:0 18px;}.team-qual-grid {grid-template-columns:1fr;max-width:320px;margin:0 auto;}.case-result {gap:20px;}.hero-title {font-size:34px;}}@media (prefers-reduced-motion:reduce) {*,*::before,*::after {animation-duration:0.01ms !important;transition-duration:0.01ms !important;}.js .reveal {opacity:1;transform:none;}}.subpage-hero {background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#0f172a 100%);color:#fff;padding:110px 0 70px;position:relative;overflow:hidden;}.subpage-hero::before {content:'';position:absolute;inset:0;background:radial-gradient(ellipse at top right,rgba(29,78,216,0.3),transparent 60%),radial-gradient(ellipse at bottom left,rgba(249,115,22,0.15),transparent 50%);}.subpage-hero-inner {position:relative;z-index:1;max-width:720px;}.subpage-hero .section-tag {background:rgba(29,78,216,0.2);border-color:rgba(96,165,250,0.4);color:#93c5fd;margin-bottom:16px;}.subpage-title {font-size:clamp(36px,5vw,52px);font-weight:800;line-height:1.2;margin:0 0 16px;letter-spacing:-0.5px;}.subpage-desc {font-size:18px;color:#cbd5e1;line-height:1.7;margin:0 0 28px;}.subpage-meta {display:flex;gap:24px;flex-wrap:wrap;}.subpage-meta span {display:flex;align-items:center;gap:6px;font-size:14px;color:#94a3b8;}.subpage-meta svg {color:#34d399;}.nav-link.active {color:var(--blue);font-weight:700;}.navbar:not(.scrolled) .nav-link.active {color:#60a5fa;}.nav-link.active::after {width:100%;}@media (max-width:768px) {.nav-menu .nav-link.active {color:var(--blue);}}.service-detail {display:grid;grid-template-columns:110px 1fr;gap:32px;padding:36px;margin-bottom:32px;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);position:relative;transition:all 0.3s;}.service-detail:hover {box-shadow:0 12px 32px rgba(29,78,216,0.1);border-color:var(--blue);transform:translateY(-2px);}.service-detail.featured {background:linear-gradient(135deg,#fff 0%,#f0f9ff 100%);border-color:rgba(29,78,216,0.3);}.service-detail-icon {width:90px;height:90px;background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);border-radius:18px;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(29,78,216,0.25);}.service-detail.featured .service-detail-icon {background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);box-shadow:0 8px 24px rgba(249,115,22,0.25);}.service-detail-num {font-size:13px;font-weight:700;color:var(--blue);background:rgba(29,78,216,0.08);padding:4px 10px;border-radius:4px;display:inline-block;margin-bottom:8px;}.service-detail-body h2 {font-size:28px;font-weight:800;color:var(--ink);margin:0 0 10px;}.service-detail-lead {font-size:16px;color:var(--ink-4);line-height:1.7;margin:0 0 24px;}.service-detail-grid {display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;}.service-detail-item h4 {font-size:16px;font-weight:700;color:var(--ink);margin:0 0 8px;}.service-detail-item h4::before {content:'';display:inline-block;width:6px;height:6px;background:var(--blue);border-radius:50%;margin-right:8px;vertical-align:middle;}.service-detail-item p {font-size:14px;color:var(--ink-4);line-height:1.6;margin:0;}.service-detail-tags {display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:20px;border-top:1px dashed var(--line);}.service-detail-tags>span:first-child {font-size:14px;color:var(--ink-3);font-weight:600;margin-right:4px;}.service-detail-tags .tag {font-size:13px;padding:4px 12px;background:rgba(29,78,216,0.06);color:var(--blue);border-radius:4px;font-weight:500;}.promise-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}.promise-card {background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:32px 24px;text-align:center;transition:all 0.3s;}.promise-card:hover {border-color:var(--blue);transform:translateY(-4px);box-shadow:0 12px 28px rgba(29,78,216,0.08);}.promise-num {font-size:36px;line-height:1;color:var(--blue);margin-bottom:12px;font-weight:700;}.promise-card h3 {font-size:18px;font-weight:700;color:var(--ink);margin:0 0 10px;}.promise-card p {font-size:14px;color:var(--ink-4);line-height:1.7;margin:0;}.cta-box {background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%);border-radius:var(--radius-lg);padding:56px 48px;text-align:center;color:#fff;box-shadow:0 20px 50px rgba(29,78,216,0.25);}.cta-box h2 {font-size:clamp(26px,3.5vw,36px);font-weight:800;margin:0 0 12px;}.cta-box p {font-size:17px;color:rgba(255,255,255,0.85);margin:0 0 28px;}.cta-actions {display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}.cta-actions .btn-ghost {background:transparent;border:2px solid #fff;color:#fff;}.cta-actions .btn-ghost:hover {background:#fff;color:var(--blue);}.qual-detail-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}.qual-detail-card {background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;display:grid;grid-template-columns:100px 1fr;gap:20px;transition:all 0.3s;}.qual-detail-card:hover {border-color:var(--blue);box-shadow:0 12px 28px rgba(29,78,216,0.08);transform:translateY(-2px);}.qual-detail-card .qual-badge {width:80px;height:80px;font-size:18px;}.qual-detail-card h3 {font-size:20px;font-weight:800;color:var(--ink);margin:0 0 10px;}.qual-detail-card p {font-size:15px;color:var(--ink-4);line-height:1.7;margin:0 0 12px;}.qual-detail-card .qual-link {display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--blue);font-weight:600;}.qual-detail-card .qual-link:hover {color:var(--blue-dark);}.cert-featured-grid {display:grid;grid-template-columns:repeat(12,1fr);gap:24px;align-items:start;}.cert-card {grid-column:span 3;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all 0.35s cubic-bezier(0.16,1,0.3,1);box-shadow:0 2px 8px rgba(0,0,0,0.04);}.cert-card:hover {border-color:var(--blue);transform:translateY(-6px);box-shadow:0 20px 48px rgba(29,78,216,0.14);}.cert-card-wide {grid-column:span 4;display:flex;flex-direction:column;}.cert-card-wide .cert-card-img {aspect-ratio:4 / 3;border-bottom:1px solid var(--line);}.cert-card-wide .cert-card-img img {object-fit:contain;padding:16px;}.cert-card-img {position:relative;background:#f8fafc;overflow:hidden;aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;}.cert-card-img img {width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.4s ease;}.cert-card:hover .cert-card-img img {transform:scale(1.04);}.cert-card-zoom {position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(11,17,32,0);color:#fff;transition:background 0.3s;pointer-events:none;}.cert-card-zoom svg {opacity:0;transform:scale(0.8);transition:all 0.3s;}.cert-card:hover .cert-card-zoom {background:rgba(11,17,32,0.35);}.cert-card:hover .cert-card-zoom svg {opacity:1;transform:scale(1);}.cert-card-body {padding:24px 22px 28px;}.cert-card-body h3 {font-size:18px;font-weight:800;color:var(--ink);margin:12px 0 8px;}.cert-card-body p {font-size:14px;color:var(--ink-4);line-height:1.7;margin:0;}.cert-badge {display:inline-flex;align-items:center;justify-content:center;padding:5px 14px;border-radius:8px;font-size:13px;font-weight:700;color:#fff;letter-spacing:0.5px;}.cert-badge-cma {background:linear-gradient(135deg,#1d4ed8,#1e3a8a);}.cert-badge-license {background:linear-gradient(135deg,#059669,#047857);}.cert-badge-iso {background:linear-gradient(135deg,#0891b2,#0e7490);}.cert-badge-hightech {background:linear-gradient(135deg,#f97316,#ea580c);}.cert-badge-fire {background:linear-gradient(135deg,#dc2626,#b91c1c);}.cert-marquee {overflow:hidden;padding:8px 24px 20px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 2%,#000 98%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 2%,#000 98%,transparent 100%);}.cert-marquee-track {display:flex;gap:24px;width:max-content;animation:certMarqueeScroll 60s linear infinite;}.cert-marquee:hover .cert-marquee-track {animation-play-state:paused;}@keyframes certMarqueeScroll {from {transform:translateX(0);}to {transform:translateX(-50%);}}.cert-marquee-item {flex-shrink:0;width:240px;cursor:pointer;transition:transform 0.3s;}.cert-marquee-item:hover {transform:translateY(-6px);}.cert-marquee-item img {width:100%;height:320px;object-fit:contain;object-position:center;background:#fff;border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,0.08);border:1px solid var(--line);transition:box-shadow 0.3s;padding:8px;}.cert-marquee-item:hover img {box-shadow:0 12px 32px rgba(220,38,38,0.16);border-color:#dc2626;}.cert-marquee-label {display:block;margin-top:10px;text-align:center;font-size:13px;font-weight:600;color:var(--ink-3);}.cert-lightbox {position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;}.cert-lightbox.active {display:flex;}.cert-lightbox-mask {position:absolute;inset:0;background:rgba(11,17,32,0.88);backdrop-filter:blur(4px);}.cert-lightbox-inner {position:relative;z-index:1;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;animation:certLightboxIn 0.3s cubic-bezier(0.16,1,0.3,1);}@keyframes certLightboxIn {from {opacity:0;transform:scale(0.92);}to {opacity:1;transform:scale(1);}}.cert-lightbox-close {position:absolute;top:-48px;right:0;width:40px;height:40px;border:none;border-radius:50%;background:rgba(255,255,255,0.15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;}.cert-lightbox-close:hover {background:rgba(255,255,255,0.3);}.cert-lightbox-title {color:#fff;font-size:16px;font-weight:600;margin:0 0 16px;text-shadow:0 2px 8px rgba(0,0,0,0.4);}.cert-lightbox-img {max-width:90vw;max-height:78vh;border-radius:8px;box-shadow:0 24px 64px rgba(0,0,0,0.4);}@media (max-width:1100px) {.cert-featured-grid {grid-template-columns:repeat(6,1fr);}.cert-card-wide {grid-column:span 3;}.cert-card {grid-column:span 3;}}@media (max-width:960px) {.cert-card-wide .cert-card-img {aspect-ratio:4 / 3;}}@media (max-width:640px) {.cert-featured-grid {grid-template-columns:1fr;gap:20px;}.cert-card-wide,.cert-card {grid-column:span 1;}.cert-marquee-item {width:180px;}.cert-marquee-item img {height:250px;}.cert-lightbox-img {max-width:95vw;max-height:70vh;}}.adv-detail-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}.adv-detail-card {background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;transition:all 0.3s;}.adv-detail-card:hover {border-color:var(--blue);transform:translateY(-4px);box-shadow:0 16px 36px rgba(29,78,216,0.1);}.adv-detail-num {font-size:48px;font-weight:900;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:16px;}.adv-detail-card h3 {font-size:20px;font-weight:800;color:var(--ink);margin:0 0 10px;}.adv-detail-card p {font-size:15px;color:var(--ink-4);line-height:1.7;margin:0 0 16px;}.adv-detail-list {list-style:none;padding:0;margin:0;}.adv-detail-list li {font-size:14px;color:var(--ink-4);padding:4px 0;display:flex;align-items:flex-start;gap:8px;}.adv-detail-list li::before {content:'\2713';color:var(--blue);font-weight:700;flex-shrink:0;}.cases-grid-detail {display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}.case-card-detail {background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px;transition:all 0.3s;border-top:4px solid var(--blue);}.case-card-detail:hover {transform:translateY(-4px);box-shadow:0 16px 36px rgba(29,78,216,0.1);}.case-card-detail:nth-child(2n) {border-top-color:var(--orange);}.case-tag-detail {display:inline-block;font-size:13px;font-weight:600;background:rgba(29,78,216,0.08);color:var(--blue);padding:4px 12px;border-radius:4px;margin-bottom:12px;}.case-card-detail:nth-child(2n) .case-tag-detail {background:rgba(249,115,22,0.08);color:var(--orange);}.case-card-detail h3 {font-size:19px;font-weight:800;color:var(--ink);margin:0 0 10px;}.case-card-detail p {font-size:14.5px;color:var(--ink-4);line-height:1.7;margin:0 0 16px;}.case-meta-detail {display:flex;gap:20px;font-size:13px;color:var(--ink-3);padding-top:14px;border-top:1px dashed var(--line);flex-wrap:wrap;}.team-grid-detail {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}.team-card-detail {background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px;text-align:center;transition:all 0.3s;}.team-card-detail:hover {border-color:var(--blue);transform:translateY(-4px);box-shadow:0 12px 28px rgba(29,78,216,0.1);}.team-card-num {font-size:44px;font-weight:900;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px;}.team-card-unit {font-size:14px;color:var(--ink-3);margin-bottom:12px;}.team-card-detail h3 {font-size:17px;font-weight:700;color:var(--ink);margin:0 0 10px;}.team-card-detail p {font-size:13.5px;color:var(--ink-4);line-height:1.6;margin:0;}@media (max-width:960px) {.service-detail {grid-template-columns:1fr;}.service-detail-icon {width:70px;height:70px;}.service-detail-grid {grid-template-columns:1fr;}.promise-grid {grid-template-columns:repeat(2,1fr);}.adv-detail-grid {grid-template-columns:repeat(2,1fr);}.cases-grid-detail {grid-template-columns:1fr;}.qual-detail-grid {grid-template-columns:1fr;}.team-grid-detail {grid-template-columns:repeat(2,1fr);}}@media (max-width:640px) {.subpage-hero {padding:80px 0 50px;}.subpage-meta {gap:14px;}.service-detail {padding:24px;}.promise-grid {grid-template-columns:1fr;}.cta-box {padding:40px 24px;}.adv-detail-grid {grid-template-columns:1fr;}.team-grid-detail {grid-template-columns:1fr;}.qual-detail-card {grid-template-columns:70px 1fr;}.qual-detail-card .qual-badge {width:56px;height:56px;font-size:14px;}}.list-banner-blue {background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 60%,#2563eb 100%);}.list-banner-orange {background:linear-gradient(135deg,#9a3412 0%,#ea580c 60%,#f97316 100%);}.list-banner-teal {background:linear-gradient(135deg,#134e4a 0%,#0891b2 60%,#0d9488 100%);}.list-banner {padding:130px 0 56px;}.list-banner-inner {display:flex;align-items:center;gap:22px;text-align:left;color:#fff;max-width:820px;}.list-banner-icon {font-size:56px;line-height:1;flex-shrink:0;width:88px;height:88px;background:rgba(255,255,255,0.15);border:2px solid rgba(255,255,255,0.3);border-radius:20px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);}.list-banner-inner h1 {font-size:clamp(28px,4vw,40px);font-weight:800;margin:0 0 6px;letter-spacing:-0.5px;}.list-banner-inner p {font-size:16px;color:rgba(255,255,255,0.85);margin:0;letter-spacing:0.5px;}@media (max-width:640px) {.list-banner {padding:100px 0 40px;}.list-banner-inner {flex-direction:column;align-items:flex-start;gap:14px;}.list-banner-icon {width:64px;height:64px;font-size:36px;}}.list-toolbar {display:flex;gap:16px;align-items:center;margin-bottom:18px;flex-wrap:wrap;}.list-search {flex:1;min-width:280px;max-width:560px;display:flex;align-items:center;gap:10px;padding:0 16px;height:48px;background:#fff;border:1.5px solid var(--line);border-radius:12px;color:var(--ink-4);transition:all 0.25s;}.list-search:focus-within {border-color:var(--blue);box-shadow:0 0 0 4px rgba(29,78,216,0.1);}.list-search svg {flex-shrink:0;}.list-search input {flex:1;height:100%;border:none;outline:none;background:transparent;font-size:15px;color:var(--ink-2);}.list-search input::placeholder {color:var(--ink-5);}.list-search-clear {display:none;padding:6px;border-radius:50%;background:var(--line-2);color:var(--ink-4);transition:all 0.2s;flex-shrink:0;}.list-search-clear:hover {background:var(--line);color:var(--ink-2);}.list-search-clear.visible {display:flex;align-items:center;justify-content:center;}.list-back {height:48px;padding:0 22px;background:#fff;color:var(--ink-3);border:1.5px solid var(--line);border-radius:12px;font-size:14.5px;font-weight:600;transition:all 0.25s;}.list-back:hover {border-color:var(--blue);color:var(--blue);transform:translateX(-2px);}.list-stats {font-size:14px;color:var(--ink-4);margin-bottom:16px;padding:12px 18px;background:var(--bg-alt);border-radius:10px;border:1px solid var(--line-2);}.list-stats strong {color:var(--blue);font-weight:700;font-size:16px;margin:0 4px;}.article-list {display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 280px);min-height:320px;overflow-y:auto;padding:6px;margin:0 -6px;border-radius:12px;scrollbar-width:thin;scrollbar-color:var(--ink-5) transparent;}.article-list::-webkit-scrollbar {width:8px;}.article-list::-webkit-scrollbar-track {background:transparent;}.article-list::-webkit-scrollbar-thumb {background:var(--line);border-radius:4px;transition:background 0.2s;}.article-list::-webkit-scrollbar-thumb:hover {background:var(--ink-5);}.article-row {display:grid;grid-template-columns:165px 88px 1fr auto;gap:18px;align-items:center;padding:18px 22px;background:#fff;border:1px solid var(--line-2);border-radius:12px;transition:all 0.25s ease;}.article-row:hover {border-color:var(--blue);box-shadow:0 8px 24px rgba(29,78,216,0.08);transform:translateY(-1px);}.article-row-time {display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-5);line-height:1.5;}.article-row-time .row-time-main {font-weight:700;color:var(--ink-2);font-size:14px;}.article-row-time .row-time-status {display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-4);}.article-row-time .row-time-status::before {content:'';width:6px;height:6px;background:#10b981;border-radius:50%;}.article-row-thumb {width:88px;height:64px;background:var(--gradient-soft);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:38px;color:var(--blue);overflow:hidden;border:1px solid var(--line-2);}.article-row-thumb.orange {background:#fff7ed;color:var(--orange);}.article-row-thumb.teal {background:#ecfeff;color:#0891b2;}.article-row-thumb.indigo {background:#eef2ff;color:#4f46e5;}.article-row-thumb.blue {background:var(--gradient-soft);color:var(--blue);}.article-row-content {min-width:0;}.article-row-title {display:block;font-size:15.5px;font-weight:700;color:var(--ink-2);line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none;transition:color 0.2s;}.article-row-title:hover {color:var(--blue);}.article-row-desc {font-size:13px;color:var(--ink-4);line-height:1.55;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}.article-row-stats {display:flex;gap:14px;align-items:center;flex-shrink:0;font-size:13px;color:var(--ink-4);}.row-stat {display:inline-flex;align-items:center;gap:4px;white-space:nowrap;}.row-stat svg {color:var(--ink-5);}.row-stat-num {font-weight:700;color:var(--ink-3);font-variant-numeric:tabular-nums;}@media (max-width:1024px) {.article-row {grid-template-columns:150px 80px 1fr;}.article-row-stats {grid-column:1 / -1;padding-top:8px;border-top:1px dashed var(--line-2);}}@media (max-width:640px) {.article-row {grid-template-columns:64px 1fr;grid-template-rows:auto auto;padding:14px;gap:12px;}.article-row-thumb {grid-row:1 / 3;width:64px;height:64px;font-size:28px;}.article-row-time {grid-column:2;flex-direction:row;gap:8px;align-items:center;}.article-row-time .row-time-main {font-size:13px;}.article-row-content {grid-column:2;}.article-row-stats {grid-column:2;gap:10px;}.article-row-title {font-size:14px;}}.list-empty {padding:80px 20px;text-align:center;color:var(--ink-4);}.list-empty .empty-icon {font-size:56px;margin-bottom:16px;opacity:0.6;}.list-empty p {font-size:15px;}.article-list.search-no-result .article-row {display:none;}.cat-more {margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:rgba(255,255,255,0.18);color:#fff;border:1px solid rgba(255,255,255,0.32);border-radius:100px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all 0.25s ease;backdrop-filter:blur(6px);flex-shrink:0;}.cat-more:hover {background:rgba(255,255,255,0.32);border-color:rgba(255,255,255,0.5);transform:translateX(2px);}.cat-more svg {transition:transform 0.25s;}.cat-more:hover svg {transform:translateX(3px);}.cat-more-bottom {display:flex;justify-content:flex-end;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line-2);}.cat-more-btn {display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;background:var(--gradient-soft);color:var(--blue);font-size:13.5px;font-weight:700;text-decoration:none;transition:all 0.25s;border:1px solid transparent;}.cat-more-btn:hover {background:var(--gradient);color:#fff;transform:translateX(2px);box-shadow:0 6px 16px rgba(29,78,216,0.18);}.cat-more-btn svg {transition:transform 0.25s;}.cat-more-btn:hover svg {transform:translateX(3px);}.article-category:nth-child(2) .cat-more-btn {background:#fff7ed;color:var(--orange);}.article-category:nth-child(2) .cat-more-btn:hover {background:var(--gradient-orange);box-shadow:0 6px 16px rgba(249,115,22,0.22);}.article-category:nth-child(3) .cat-more-btn {background:#ecfeff;color:#0891b2;}.article-category:nth-child(3) .cat-more-btn:hover {background:linear-gradient(135deg,#0891b2,#0d9488);box-shadow:0 6px 16px rgba(8,145,178,0.22);}.cat-articles .article-mini.is-hidden {display:none;}.row-stat-dot {width:6px;height:6px;border-radius:50%;flex-shrink:0;}.row-stat-dot.blue {background:var(--blue);}.row-stat-dot.orange {background:var(--orange);}.row-stat-dot.teal {background:#0891b2;}@media (max-width:768px) {.article-list {max-height:70vh;}.list-toolbar {flex-direction:column;align-items:stretch;}.list-search {max-width:100%;}.list-back {width:100%;justify-content:center;}}.faq-section {background:#f8fafc;}.section-title-center {text-align:center;font-size:clamp(28px,4vw,38px);font-weight:800;margin-bottom:8px;letter-spacing:-0.5px;}.section-subtitle-center {text-align:center;font-size:16px;color:var(--ink-3);margin-bottom:40px;}.faq-list {max-width:800px;margin:0 auto;}.faq-item {background:#fff;border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden;border:1px solid #e5e7eb;transition:box-shadow 0.2s,border-color 0.2s;}.faq-item:hover {box-shadow:0 4px 20px rgba(0,0,0,0.06);border-color:#c7d2fe;}.faq-item[open] {border-color:var(--blue);box-shadow:0 4px 20px rgba(29,78,216,0.08);}.faq-question {padding:18px 24px;font-size:16px;font-weight:600;color:var(--ink-1);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;user-select:none;}.faq-question::-webkit-details-marker {display:none;}.faq-question::after {content:'+';font-size:24px;font-weight:300;color:var(--blue);transition:transform 0.2s;flex-shrink:0;}.faq-item[open] .faq-question::after {transform:rotate(45deg);}.faq-answer {padding:0 24px 20px;}.faq-answer p {font-size:15px;line-height:1.8;color:var(--ink-2);margin:0;}@media (max-width:768px) {.faq-question {padding:16px 18px;font-size:15px;}.faq-answer {padding:0 18px 16px;}.faq-answer p {font-size:14px;}}.standards-table-wrap {overflow-x:auto;max-width:100%;margin:0 auto;border-radius:var(--radius-md);box-shadow:0 2px 16px rgba(0,0,0,0.06);}.standards-table {width:100%;border-collapse:collapse;background:#fff;font-size:14px;min-width:680px;}.standards-table thead {background:linear-gradient(135deg,var(--blue),#2563eb);}.standards-table th {padding:14px 16px;text-align:left;color:#fff;font-weight:600;white-space:nowrap;}.standards-table td {padding:12px 16px;border-bottom:1px solid #e5e7eb;color:var(--ink-2);}.standards-table tbody tr:hover {background:#f0f5ff;}.standards-table td:first-child {font-weight:600;color:var(--blue);white-space:nowrap;}.standards-table td[rowspan] {background:#f8fafc;vertical-align:middle;}@media (max-width:768px) {.standards-table {font-size:12px;min-width:560px;}.standards-table th,.standards-table td {padding:8px 10px;}}.related-articles {max-width:800px;margin:0 auto;padding:0 0 40px;}.related-articles h3 {font-size:20px;font-weight:700;margin-bottom:20px;padding-left:12px;border-left:4px solid var(--blue);}.related-list {display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;}.related-card {background:#fff;border-radius:var(--radius-md);padding:20px;border:1px solid #e5e7eb;transition:all 0.2s;text-decoration:none;display:block;}.related-card:hover {border-color:var(--blue);box-shadow:0 4px 16px rgba(29,78,216,0.08);transform:translateY(-2px);}.related-card .cat {font-size:12px;color:var(--blue);font-weight:600;margin-bottom:8px;}.related-card .title {font-size:15px;font-weight:600;color:var(--ink-1);line-height:1.5;}.related-card .date {font-size:12px;color:var(--ink-3);margin-top:8px;}