/** 尘渊文化 - 关键CSS (Above the Fold) */
:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary:#0ea5e9;--accent:#8b5cf6;--dark:#0f172a;--dark-light:#1e293b;--gray:#64748b;--gray-light:#94a3b8;--light:#f8fafc;--white:#ffffff;--gradient-1:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);--gradient-2:linear-gradient(135deg,#0ea5e9 0%,#6366f1 100%);--gradient-3:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--shadow-glow:0 0 40px rgba(99,102,241,0.3)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--dark);line-height:1.6;overflow-x:hidden;background:var(--light)}

/* 关键组件 */
.navbar{position:fixed;top:0;left:0;right:0;padding:1.2rem 0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:transparent;z-index:1030}
.navbar.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(20px);box-shadow:0 4px 30px rgba(0,0,0,.1);padding:.8rem 0}
.navbar-brand{display:flex;align-items:center;font-weight:700;font-size:1.6rem;color:var(--white)!important;transition:all .3s ease}
.navbar.scrolled .navbar-brand{color:var(--dark)!important}
.brand-icon{width:44px;height:44px;background:var(--gradient-1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;margin-right:12px;font-size:1.5rem;font-family:'Ma Shan Zheng',cursive;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(99,102,241,0.4),inset 0 1px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.1);text-shadow:0 2px 4px rgba(0,0,0,0.2),0 0 20px rgba(255,255,255,0.3);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}
.nav-link{color:rgba(255,255,255,.9)!important;font-weight:500;margin-left:1.5rem;position:relative;transition:color .3s}
.navbar.scrolled .nav-link{color:var(--dark)!important}

/* Hero区域 */
.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--dark)}
.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,.25) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(139,92,246,.25) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(14,165,233,.2) 0%,transparent 50%)}
.hero-content{position:relative;z-index:2;padding-top:80px}
.hero-title{font-size:4.5rem;font-weight:800;color:var(--white);line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff 0%,#e0e7ff 30%,#a5b4fc 60%,#818cf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-subtitle{font-size:1.125rem;color:rgba(255,255,255,.7);margin-bottom:2rem;line-height:1.8}

/* 布局 */
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}
.col-lg-7,.col-lg-5,.col-4,.col-lg-8,.col-lg-6,.col-md-4,.col-lg-12,.col-lg-4,.col-lg-3,.col-lg-2,.col-md-6{position:relative;width:100%;padding:0 15px}
@media(min-width:992px){.col-lg-7{flex:0 0 58.333%;max-width:58.333%}.col-lg-5{flex:0 0 41.667%;max-width:41.667%}.col-lg-8{flex:0 0 66.667%;max-width:66.667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-12{flex:0 0 100%;max-width:100%}.col-lg-4{flex:0 0 33.333%;max-width:33.333%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-2{flex:0 0 16.667%;max-width:16.667%}.d-lg-block{display:block!important}}
@media(min-width:768px){.col-md-4{flex:0 0 33.333%;max-width:33.333%}.col-md-6{flex:0 0 50%;max-width:50%}}
.d-none{display:none!important}
.text-center{text-align:center}
.align-items-center{align-items:center}
.justify-content-center{justify-content:center}
.justify-content-between{justify-content:space-between}
.flex-wrap{flex-wrap:wrap}

/* 加载动画 */
.page-loader{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--dark);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s,visibility .5s}
.page-loader.hidden{opacity:0;visibility:hidden}
.loader-spinner{width:50px;height:50px;border:3px solid rgba(99,102,241,.3);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* 按钮 */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:.9375rem;font-weight:500;cursor:pointer;border:none;transition:all .2s;text-decoration:none}
.btn-primary{background:var(--gradient-1);color:white;border:none}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(99,102,241,0.4)}
.btn-outline-primary{background:transparent;border:2px solid var(--primary);color:var(--primary);padding:14px 32px;font-weight:600}
.btn-outline-primary:hover{background:var(--primary);color:white;transform:translateY(-3px);box-shadow:0 10px 30px rgba(99,102,241,0.4)}
.btn-lg{padding:16px 40px;font-size:1rem}

/* 辅助 */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:white;padding:8px;text-decoration:none;z-index:10000;transition:top .3s}
.skip-link:focus{top:0}

/* 移动端菜单按钮默认隐藏 */
.mobile-menu-toggle{display:none}

/* 导航菜单默认显示 */
.navbar-nav{display:flex;list-style:none;margin:0;padding:0}
.nav-link{color:rgba(255,255,255,.9)!important;font-weight:500;margin-left:1.5rem;position:relative;transition:color .3s;text-decoration:none}