:root {--bg-base: #f4f7fc;--text-primary: #1a2332;--text-secondary: #5a6578;--text-muted: #8b95a8;--accent: #3d6df0;--accent-2: #7c5ce0;--glass-bg: rgba(255, 255, 255, 0.55);--glass-border: rgba(255, 255, 255, 0.75);--glass-shadow: 0 8px 32px rgba(31, 45, 80, 0.08);--glass-blur: 20px;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;--nav-height: 76px;--max-width: 1200px;--transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);}
*,*::before,*::after {box-sizing: border-box;margin: 0;padding: 0;}
html {scroll-behavior: smooth;scroll-padding-top: var(--nav-height);}
body {font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;color: var(--text-primary);background: var(--bg-base);line-height: 1.65;overflow-x: hidden;-webkit-font-smoothing: antialiased;}
/* Ambient background blobs */.ambient {position: fixed;inset: 0;z-index: -1;overflow: hidden;pointer-events: none;}
.ambient__blob {position: absolute;border-radius: 50%;filter: blur(80px);opacity: 0.55;animation: float 18s ease-in-out infinite;}
.ambient__blob--1 {width: 520px;height: 520px;background: linear-gradient(135deg, #a8c4ff, #c4b5fd);top: -120px;right: -80px;}
.ambient__blob--2 {width: 420px;height: 420px;background: linear-gradient(135deg, #9ee4d4, #a8d4ff);bottom: 10%;left: -100px;animation-delay: -6s;}
.ambient__blob--3 {width: 360px;height: 360px;background: linear-gradient(135deg, #f5c4e8, #b8d4ff);top: 45%;right: 15%;animation-delay: -12s;}
@keyframes float {0%, 100% { transform: translate(0, 0) scale(1); }
33% { transform: translate(24px, -20px) scale(1.04); }
66% { transform: translate(-16px, 16px) scale(0.98); }
}
/* Glass utility */.glass {background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter: blur(var(--glass-blur)) saturate(180%);border: 1px solid var(--glass-border);box-shadow: var(--glass-shadow);}
.glass--strong {background: rgba(255, 255, 255, 0.72);backdrop-filter: blur(28px) saturate(200%);-webkit-backdrop-filter: blur(28px) saturate(200%);}
/* Layout */.container {width: min(100% - 40px, var(--max-width));margin-inline: auto;}
/* Navigation 通栏极高透明；选中项半透明玻璃 */.nav {position: fixed;top: 0;left: 0;right: 0;z-index: 1000;height: var(--nav-height);background: linear-gradient(180deg,rgba(255, 255, 255, 0.12) 0%,rgba(255, 255, 255, 0.06) 55%,rgba(248, 250, 255, 0.04) 100%);backdrop-filter: blur(52px) saturate(240%);-webkit-backdrop-filter: blur(52px) saturate(240%);border-bottom: 1px solid rgba(255, 255, 255, 0.22);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.28),0 4px 24px rgba(31, 45, 80, 0.03);transition: var(--transition);}
.nav::before {content: "";position: absolute;inset: 0;background: linear-gradient(118deg,rgba(255, 255, 255, 0.1) 0%,transparent 45%,rgba(168, 196, 255, 0.04) 100%);pointer-events: none;}
.nav::after {content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 1px;background: linear-gradient(90deg,transparent 0%,rgba(61, 109, 240, 0.12) 50%,transparent 100%);pointer-events: none;}
.nav__inner {position: relative;z-index: 1;width: min(100%, var(--max-width));height: 100%;margin-inline: auto;display: flex;align-items: stretch;justify-content: space-between;padding: 0 8px;}
.nav__checkbox {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.nav__brand {align-self: center;display: flex;align-items: center;gap: 10px;text-decoration: none;color: var(--text-primary);font-weight: 700;font-size: 1.15rem;letter-spacing: 0.02em;padding: 8px 14px 8px 8px;margin-left: -8px;border-radius: 999px;border: 1px solid transparent;transition: var(--transition);}
.nav__brand:hover {background: linear-gradient(135deg,rgba(255, 255, 255, 0.45) 0%,rgba(240, 245, 255, 0.28) 100%);backdrop-filter: blur(24px) saturate(220%);-webkit-backdrop-filter: blur(24px) saturate(220%);border-color: rgba(255, 255, 255, 0.7);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.95),inset 0 -1px 0 rgba(255, 255, 255, 0.25),0 8px 24px rgba(61, 109, 240, 0.14);}
.nav__logo {width: 38px;height: 38px;border-radius: 12px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 0.85rem;font-weight: 800;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 4px 16px rgb(223 68 107 / 38%);border: 1px solid rgba(255, 255, 255, 0.25);transition: var(--transition);}
.nav__brand:hover .nav__logo {box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5),0 6px 22px rgba(61, 109, 240, 0.45),0 0 20px rgba(124, 92, 224, 0.25);transform: scale(1.04);}
.nav__links {display: flex;align-items: stretch;align-self: stretch;height: 100%;gap: 0;list-style: none;margin: 0 -8px 0 0;}
.nav__links li {display: flex;height: 100%;}
.nav__links a {position: relative;display: flex;align-items: center;justify-content: center;height: 100%;min-height: var(--nav-height);overflow: hidden;text-decoration: none;color: var(--text-secondary);font-size: 0.9rem;font-weight: 500;padding: 0 22px;border-radius: 0;border: none;border-left: 1px solid transparent;border-right: 1px solid transparent;transition: var(--transition);white-space: nowrap;}
.nav__links a::before {content: "";position: absolute;z-index: -1;inset: 0;background: linear-gradient(145deg,rgba(255, 255, 255, 0.88) 0%,rgba(245, 248, 255, 0.82) 50%,rgba(240, 235, 255, 0.78) 100%);backdrop-filter: blur(28px) saturate(240%);-webkit-backdrop-filter: blur(28px) saturate(240%);opacity: 0;transition: var(--transition);pointer-events: none;}
.nav__links a::after {content: "";position: absolute;z-index: -1;top: 0;left: 12%;right: 12%;height: 1px;background: linear-gradient(90deg,transparent,rgba(255, 255, 255, 0.95),transparent);opacity: 0;transition: var(--transition);pointer-events: none;}
.nav__links a:hover,.nav__links a:focus-visible {color: var(--accent);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5),inset 0 -1px 0 rgba(61, 109, 240, 0.04);}
.nav__links a:hover::before,.nav__links a:focus-visible::before {opacity: 1;background: linear-gradient(145deg,rgba(255, 255, 255, 0.52) 0%,rgba(235, 242, 255, 0.38) 50%,rgba(240, 232, 255, 0.32) 100%);}
.nav__links a:hover::after,.nav__links a:focus-visible::after {opacity: 0.6;}
body:has(#about:target) .nav__links a[href="#about"],body:has(#tob:target) .nav__links a[href="#tob"],body:has(#toc:target) .nav__links a[href="#toc"],body:has(#contact:target) .nav__links a[href="#contact"] {color: var(--accent);font-weight: 600;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.95),inset 0 -1px 0 rgba(61, 109, 240, 0.08);}
body:has(#about:target) .nav__links a[href="#about"]::before,body:has(#tob:target) .nav__links a[href="#tob"]::before,body:has(#toc:target) .nav__links a[href="#toc"]::before,body:has(#contact:target) .nav__links a[href="#contact"]::before {opacity: 1;background: linear-gradient(145deg,rgba(255, 255, 255, 0.92) 0%,rgba(245, 248, 255, 0.88) 50%,rgba(238, 232, 255, 0.85) 100%);backdrop-filter: blur(32px) saturate(250%);-webkit-backdrop-filter: blur(32px) saturate(250%);}
body:has(#about:target) .nav__links a[href="#about"]::after,body:has(#tob:target) .nav__links a[href="#tob"]::after,body:has(#toc:target) .nav__links a[href="#toc"]::after,body:has(#contact:target) .nav__links a[href="#contact"]::after {opacity: 1;}
.nav__toggle {align-self: center;display: none;width: 44px;height: 44px;background: linear-gradient(145deg,rgba(255, 255, 255, 0.45) 0%,rgba(255, 255, 255, 0.22) 100%);backdrop-filter: blur(16px) saturate(180%);-webkit-backdrop-filter: blur(16px) saturate(180%);border-radius: 12px;cursor: pointer;flex-direction: column;align-items: center;justify-content: center;gap: 5px;border: 1px solid rgba(255, 255, 255, 0.6);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.75),0 2px 10px rgba(61, 109, 240, 0.06);transition: var(--transition);}
.nav__toggle:hover {background: linear-gradient(145deg,rgba(255, 255, 255, 0.78) 0%,rgba(235, 242, 255, 0.5) 100%);backdrop-filter: blur(24px) saturate(240%);-webkit-backdrop-filter: blur(24px) saturate(240%);border-color: rgba(255, 255, 255, 0.88);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 1),inset 0 -1px 0 rgba(255, 255, 255, 0.25),0 8px 24px rgba(61, 109, 240, 0.16);transform: translateY(-1px);}
.nav__toggle span {display: block;width: 20px;height: 2px;background: var(--text-primary);border-radius: 2px;transition: var(--transition);}
#nav-toggle:checked+.nav__toggle span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
#nav-toggle:checked+.nav__toggle span:nth-child(2) {opacity: 0;}
#nav-toggle:checked+.nav__toggle span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}
/* Hero */.hero {min-height:70vh;display: flex;align-items: center;padding-top: var(--nav-height);}
.hero h1{ font-size: clamp(2.6rem, 6vw, 5rem);  font-weight: bold; background: linear-gradient(90deg, #ff0001 10%, #5a0aad 50%, #00dcaa 90%);
    -webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.hero__title {font-size: clamp(2.4rem, 5vw, 3.6rem);font-weight: 800;line-height: 1.15;letter-spacing: -0.03em;margin-bottom: 20px;}
.hero__title span {background: linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.hero__desc {font-size: 1.1rem;color: var(--text-secondary);margin-bottom: 36px;}
.hero__actions {display: flex;flex-wrap: wrap;justify-content: center;gap: 14px;}
.hero#news .container {text-align: center;}
.hero#news {padding-bottom: 0;}
.news-section {padding-top: 0;padding-bottom: 48px;}
.btn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 14px 28px;border-radius: 999px;font-size: 0.95rem;font-weight: 600;text-decoration: none;border: none;cursor: pointer;transition: var(--transition);}
.btn--primary {background: linear-gradient(135deg, var(--accent), #5b4de8);color: #fff;box-shadow: 0 8px 24px rgba(61, 109, 240, 0.35);}
.btn--primary:hover {transform: translateY(-2px);box-shadow: 0 12px 32px rgba(61, 109, 240, 0.42);}
.btn--ghost {background: rgba(255, 255, 255, 0.5);color: var(--text-primary);border: 1px solid rgba(255, 255, 255, 0.9);backdrop-filter: blur(12px);}
.btn--ghost:hover {background: rgba(255, 255, 255, 0.85);}
/* Sections */section {padding: 50px 0;}
.section-header {text-align: center;max-width: 640px;margin: 0 auto 56px;}
.section-tag {display: inline-block;font-size: 0.78rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.12em;color: var(--accent);margin-bottom: 12px;}
.section-title {font-size: clamp(1.8rem, 3.5vw, 2.4rem);font-weight: 800;letter-spacing: -0.02em;margin-bottom: 16px;}
.section-desc {color: var(--text-secondary);font-size: 1.05rem;}
/* About */.about__grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}
.about__card {padding: 32px 28px;border-radius: var(--radius-lg);transition: var(--transition);}
.about__card:hover {transform: translateY(-4px);box-shadow: 0 16px 48px rgba(31, 45, 80, 0.1);}
.about__card h3 {font-size: 1.15rem;font-weight: 700;margin-bottom: 10px;}
.about__card p {color: var(--text-secondary);font-size: 0.95rem;}
/* News marquee */.news-section .container {overflow: hidden;}
#new.news-scroll {overflow: hidden;max-width: 100%;margin-inline: auto;padding: 8px 0 20px;--news-mask: linear-gradient(90deg, transparent 0%, #000 6%, #000 94%, transparent 100%);-webkit-mask-image: var(--news-mask);mask-image: var(--news-mask);}
.news-scroll__track {display: flex;width: max-content;will-change: transform;animation: news-marquee 40s linear infinite;}
.news-scroll__track:hover {animation-play-state: paused;}
@keyframes news-marquee {0% {transform: translateX(0);}
100% {transform: translateX(-50%);}
}
.news-scroll__group {display: flex;flex-shrink: 0;align-items: stretch;gap: 24px;padding-right: 24px;}
.news-scroll__group .about__card {flex: 0 0 auto;width: clamp(280px, 32vw, 380px);min-height: 100%;}
.news-scroll__group .about__card:hover {transform: translateY(-4px) scale(1.01);}
@media (prefers-reduced-motion: reduce) {#new.news-scroll {overflow-x: auto;overflow-y: hidden;-webkit-mask-image: none;mask-image: none;scroll-behavior: smooth;scrollbar-width: thin;}
.news-scroll__track {animation: none;width: max-content;}
.news-scroll__group[aria-hidden="true"] {display: none;}
}
.about__story {margin-bottom: 48px;padding: 48px;border-radius: var(--radius-lg);display: grid;grid-template-columns: 1.2fr 1fr;gap: 48px;align-items: center;}
.about__story h3 {font-size: 1.5rem;font-weight: 700;margin-bottom: 20px;}
.about__story p {color: var(--text-secondary);margin-bottom: 16px;}
.about__metrics {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.about__metric {padding: 24px;border-radius: var(--radius-md);text-align: center;}
.about__metric-value {font-size: 2rem;font-weight: 800;background: linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;}
.about__metric-label {font-size: 0.85rem;color: var(--text-muted);margin-top: 4px;}
/* ToB */.tob__grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 28px;}
.product-card {border-radius: var(--radius-lg);overflow: hidden;transition: var(--transition);}
.product-card:hover {transform: translateY(-6px);box-shadow: 0 20px 56px rgba(31, 45, 80, 0.12);}
.product-card__header {padding: 36px 32px 28px;position: relative;overflow: hidden;}
.product-card__header::before {content: "";position: absolute;inset: 0;opacity: 0.15;background: linear-gradient(135deg, var(--accent), var(--accent-2));}
.product-card--xcs .product-card__header::before {background: linear-gradient(135deg, #0d9488, #3d6df0);}
.product-card__label {position: relative;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.1em;color: var(--accent);margin-bottom: 8px;}
.product-card--xcs .product-card__label {color: #0d9488;}
.product-card__name {position: relative;font-size: 1.75rem;font-weight: 800;margin-bottom: 8px;}
.product-card__subtitle {position: relative;color: var(--text-secondary);font-size: 0.95rem;}
.product-card__body {padding: 28px 32px 36px;}
.product-card__body p {color: var(--text-secondary);margin-bottom: 20px;}
.product-card__name,.product-card__subtitle {display: inline-block;}
.product-card__subtitle {margin-left: 10px;}
.product-card__footer {padding: 0 32px 32px;}
.product-card__link {display: inline-flex;align-items: center;gap: 6px;color: var(--accent);font-weight: 600;text-decoration: none;font-size: 0.92rem;transition: var(--transition);}
.product-card__link:hover {gap: 10px;}
/* ToC */.toc__grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}
.toc-card {padding: 36px 28px;border-radius: var(--radius-lg);text-align: center;transition: var(--transition);position: relative;overflow: hidden;}
.toc-card::after {content: "";position: absolute;bottom: -40%;left: 50%;transform: translateX(-50%);width: 200px;height: 200px;border-radius: 50%;opacity: 0.12;filter: blur(40px);transition: var(--transition);pointer-events: none;}
.toc-card--dudu::after {background: #3d6df0;}
.toc-card--book::after {background: #7c5ce0;}
.toc-card--ta::after {background: #e879a9;}
.toc-card:hover {transform: translateY(-6px);box-shadow: 0 20px 48px rgba(31, 45, 80, 0.1);}
.toc-card:hover::after {bottom: -20%;opacity: 0.2;}
.toc-card__icon {width: 72px;height: 72px;margin: 0 auto 24px;border-radius: 20px;display: flex;align-items: center;justify-content: center;font-size: 2rem;position: relative;z-index: 1;}
.toc-card--dudu .toc-card__icon {background: linear-gradient(135deg, rgba(61, 109, 240, 0.2), rgba(61, 109, 240, 0.05));}
.toc-card--book .toc-card__icon {background: linear-gradient(135deg, rgba(124, 92, 224, 0.2), rgba(124, 92, 224, 0.05));}
.toc-card--ta .toc-card__icon {background: linear-gradient(135deg, rgba(232, 121, 169, 0.2), rgba(232, 121, 169, 0.05));}
.toc-card__tag {display: inline-block;font-size: 0.72rem;font-weight: 600;padding: 4px 12px;border-radius: 999px;margin-bottom: 12px;position: relative;z-index: 1;}
.toc-card--dudu .toc-card__tag {background: rgba(61, 109, 240, 0.12);color: var(--accent);}
.toc-card--book .toc-card__tag {background: rgba(124, 92, 224, 0.12);color: var(--accent-2);}
.toc-card--ta .toc-card__tag {background: rgba(232, 121, 169, 0.15);color: #c44d7a;}
.toc-card h3 {font-size: 1.35rem;font-weight: 700;margin-bottom: 12px;position: relative;z-index: 1;}
.toc-card p {color: var(--text-secondary);font-size: 0.92rem;position: relative;z-index: 1;}
.toc-card .product-card__link {position: relative;z-index: 1;margin-top: 20px;}
/* Contact */.contact {padding-bottom: 60px;}
.contact__box {padding: 56px 48px;border-radius: var(--radius-lg);text-align: center;}
.contact__box h2 {font-size: 1.75rem;font-weight: 800;margin-bottom: 12px;}
.contact__box p {color: var(--text-secondary);margin-bottom: 28px;max-width: 520px;margin-inline: auto;}
/* 客服模态框 */body.cs-modal-open {overflow: hidden;}
.cs-modal {position: fixed;inset: 0;z-index: 3000;display: flex;align-items: center;justify-content: center;padding: 20px;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity 0.35s ease, visibility 0.35s;}
.cs-modal.is-open {opacity: 1;visibility: visible;pointer-events: auto;}
.cs-modal__backdrop {position: absolute;inset: 0;background: rgba(10, 18, 42, 0.55);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.cs-modal__panel {position: relative;z-index: 1;width: 550px;height: 430px;max-width: calc(100vw - 32px);max-height: calc(100vh - 40px);border-radius: 18px;overflow: hidden;background: linear-gradient(160deg, rgba(255, 255, 255, 0.92) 0%, rgba(240, 245, 255, 0.88) 100%);box-shadow:0 0 0 1px rgba(255, 255, 255, 0.8) inset,0 0 0 1px rgba(61, 109, 240, 0.15),0 24px 64px rgba(31, 45, 80, 0.22),0 0 80px rgba(61, 109, 240, 0.12);transform: scale(0.94) translateY(12px);transition: transform 0.4s cubic-bezier(0.34, 1.4, 0.64, 1);}
.cs-modal.is-open .cs-modal__panel {transform: scale(1) translateY(0);}
.cs-modal__panel::before {content: "";position: absolute;inset: 0;border-radius: inherit;padding: 1px;background: linear-gradient(135deg,rgba(61, 109, 240, 0.55),rgba(124, 92, 224, 0.45),rgba(61, 109, 240, 0.25),rgba(158, 228, 212, 0.4));-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;z-index: 3;}
.cs-modal__glow {position: absolute;top: -40%;left: -20%;width: 140%;height: 80%;background: radial-gradient(ellipse at center, rgba(61, 109, 240, 0.18), transparent 70%);pointer-events: none;z-index: 0;animation: csModalGlow 4s ease-in-out infinite;}
@keyframes csModalGlow {0%, 100% { opacity: 0.6; transform: translateY(0); }
50% { opacity: 1; transform: translateY(8px); }
}
.cs-modal__corners {position: absolute;inset: 10px;pointer-events: none;z-index: 2;}
.cs-modal__corners span {position: absolute;width: 14px;height: 14px;border-color: rgba(61, 109, 240, 0.45);border-style: solid;border-width: 0;}
.cs-modal__corners span:nth-child(1) {top: 0;left: 0;border-top-width: 2px;border-left-width: 2px;}
.cs-modal__corners span:nth-child(2) {top: 0;right: 0;border-top-width: 2px;border-right-width: 2px;}
.cs-modal__corners span:nth-child(3) {bottom: 0;left: 0;border-bottom-width: 2px;border-left-width: 2px;}
.cs-modal__corners span:nth-child(4) {bottom: 0;right: 0;border-bottom-width: 2px;border-right-width: 2px;}
.cs-modal__close {position: absolute;top: 10px;right: 10px;z-index: 4;width: 32px;height: 32px;border: none;border-radius: 10px;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;line-height: 1;color: var(--text-secondary);background: rgba(255, 255, 255, 0.75);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);box-shadow: 0 2px 12px rgba(31, 45, 80, 0.1);transition: var(--transition);}
.cs-modal__close:hover {color: var(--accent);background: #fff;box-shadow: 0 4px 16px rgba(61, 109, 240, 0.2);transform: rotate(90deg);}
.cs-modal__iframe {position: relative;z-index: 1;width: 100%;height: 100%;border: none;display: block;background: var(--bg-base);}
/* Footer */.footer {background: #f8f9fa;border-top: 1px solid #d1d9e6;padding: 40px 20px 44px;text-align: center;}
.footer__inner {max-width: 800px;margin-inline: auto;}
.footer__brand {display: inline-flex;align-items: center;justify-content: center;gap: 10px;margin-bottom: 18px;}
.footer__logo {width:150px;height: auto;border-radius: 8px; padding:10px; display: flex;align-items: center;justify-content: center;color: #fff;font-size: 0.78rem;font-weight: 800;flex-shrink: 0;box-shadow: 0 2px 8px rgba(61, 109, 240, 0.28);}
.footer__name {font-size: 1rem;font-weight: 700;color: #333333;letter-spacing: 0.02em;}
.footer__desc {font-size: 0.875rem;line-height: 1.75;color: #666666;margin-bottom: 20px;}
.footer__icp {font-size: 0.8125rem;color: #888888;margin-bottom: 8px;}
.footer__icp a {color: #3498db;text-decoration: none;transition: color 0.2s ease;}
.footer__icp a:hover {color: var(--accent);text-decoration: underline;}
.footer__copy {font-size: 0.8125rem;color: #999999;}
/* Responsive */@media (max-width: 1024px) {.about__grid {grid-template-columns: 1fr;}
.about__story {grid-template-columns: 1fr;padding: 36px 28px;}
.tob__grid {grid-template-columns: 1fr;}
.toc__grid {grid-template-columns: 1fr;}
}
@media (max-width: 768px) {:root {--nav-height: 64px;}
section {padding: 56px 0;}
.hero#news {min-height: auto;padding-top: calc(var(--nav-height) + 28px);padding-bottom: 24px;}
.hero__title {font-size: clamp(1.65rem, 7.5vw, 2.1rem);line-height: 1.25;margin-bottom: 16px;}
.hero__desc {font-size: 0.9375rem;line-height: 1.75;margin-bottom: 28px;max-width: 22em;margin-left: auto;margin-right: auto;}
.hero__actions {flex-direction: column;align-items: stretch;gap: 12px;width: 100%;max-width: 300px;margin-inline: auto;}
.hero__actions .btn {width: 100%;padding: 15px 24px;}
.news-section {padding-top: 16px;padding-bottom: 32px;}
#new.news-scroll {padding: 4px 0 12px;--news-mask: linear-gradient(90deg, transparent 0%, #000 3%, #000 97%, transparent 100%);-webkit-mask-image: var(--news-mask);mask-image: var(--news-mask);}
.news-scroll__group {gap: 16px;padding-right: 16px;}
.news-scroll__group .about__card {width: min(78vw, 288px);padding: 22px 20px;}
.news-scroll__group .about__card h3 {font-size: 1.05rem;margin-bottom: 10px;}
.news-scroll__group .about__card p {font-size: 0.875rem;line-height: 1.7;}
#about {padding-top: 28px;}
.section-header {margin-bottom: 40px;}
.section-title {font-size: clamp(1.5rem, 5vw, 1.85rem);}
.section-desc {font-size: 0.9375rem;line-height: 1.7;}
.about__story {padding: 28px 22px;gap: 28px;}
.about__card {padding: 26px 22px;}
.about__card p {line-height: 1.7;}
.product-card__header,.product-card__body {padding-left: 24px;padding-right: 24px;}
.product-card__footer {padding: 0 24px 28px;}
.toc-card {padding: 32px 24px;}
.nav__toggle {display: flex;}
.nav__links {position: fixed;z-index: 999;top: var(--nav-height);left: 0;right: 0;align-self: auto;height: auto;margin: 0;flex-direction: column;align-items: stretch;padding: 16px 20px 24px;border-radius: 0;background: linear-gradient(180deg,rgba(255, 255, 255, 0.2) 0%,rgba(248, 250, 255, 0.12) 100%);backdrop-filter: blur(44px) saturate(220%);-webkit-backdrop-filter: blur(44px) saturate(220%);border: none;border-bottom: 1px solid rgba(255, 255, 255, 0.22);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.35),0 16px 40px rgba(31, 45, 80, 0.06);opacity: 0;visibility: hidden;transform: translateY(-8px);transition: var(--transition);}
#nav-toggle:checked~.nav__links {opacity: 1;visibility: visible;transform: translateY(0);}
.nav__links li {height: auto;}
.nav__links a {width: 100%;min-height: 0;height: auto;text-align: center;padding: 14px 18px;border-radius: var(--radius-sm);border: 1px solid rgba(255, 255, 255, 0.18);margin-bottom: 4px;box-shadow: none;}
.nav__links a::before {border-radius: var(--radius-sm);}
.nav__links a:hover,.nav__links a:focus-visible {border-color: rgba(255, 255, 255, 0.4);box-shadow: 0 4px 16px rgba(61, 109, 240, 0.1);}
.nav__links a:hover::before,.nav__links a:focus-visible::before {background: linear-gradient(145deg,rgba(255, 255, 255, 0.5) 0%,rgba(235, 242, 255, 0.38) 100%);}
body:has(#about:target) .nav__links a[href="#about"],
body:has(#tob:target) .nav__links a[href="#tob"],
body:has(#toc:target) .nav__links a[href="#toc"],
body:has(#contact:target) .nav__links a[href="#contact"] {border-color: rgba(255, 255, 255, 0.75);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.95),0 6px 20px rgba(61, 109, 240, 0.12);}
body:has(#about:target) .nav__links a[href="#about"]::before,
body:has(#tob:target) .nav__links a[href="#tob"]::before,
body:has(#toc:target) .nav__links a[href="#toc"]::before,
body:has(#contact:target) .nav__links a[href="#contact"]::before {background: linear-gradient(145deg,rgba(255, 255, 255, 0.92) 0%,rgba(245, 248, 255, 0.88) 100%);}
.about__metrics {grid-template-columns: 1fr 1fr;}
.contact__box {padding: 40px 24px;}
}

@media (max-width: 480px) {
.container { width: min(100% - 28px, var(--max-width));}
section {padding: 48px 0;}
.hero#news {padding-top: calc(var(--nav-height) + 20px);padding-bottom: 20px;}
.hero__title {font-size: 1.625rem;margin-bottom: 14px;}
.hero__desc {font-size: 0.875rem;margin-bottom: 24px;max-width: none;}
.hero__actions {max-width: none;gap: 10px;}
.hero__actions .btn {font-size: 0.9rem;padding: 14px 20px;}
.news-section {padding-top: 12px;padding-bottom: 28px;}
.news-scroll__group .about__card {width: min(82vw, 272px);padding: 20px 18px;}
#about {padding-top: 24px;}
.section-header {margin-bottom: 32px;}
.about__story {padding: 24px 18px;}
.about__card {padding: 22px 18px;}
.about__metric {padding: 20px 16px;}
.contact__box {padding: 32px 20px;}
.contact__box p {line-height: 1.7;}
}