.site-header{position:relative}.site-header__logo{width:100%;height:auto;display:block}.site-header__nav{position:absolute;bottom:0;left:0;right:0}.nav{list-style:none;margin:0;padding:0 1.75rem;font-size:1.075rem;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:#14101099}.nav__item{display:inline-block;position:relative}.nav__link{display:block;padding:.275rem .85rem;color:#ddd;font-weight:500;text-decoration:none;transition:color .3s ease}.nav__link:after{content:"";position:absolute;bottom:0;left:0;right:0;margin:auto;height:3px;background-color:#d3c694;border-radius:2px;width:0;transition:width .3s ease}.nav__link:hover{color:#d3c694}.nav__link:hover:after{width:100%}.nav__link.active{color:#d3c694}.site-footer{position:relative;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);margin-top:auto}.footer-wave{position:absolute;top:0;left:0;right:0;height:50px;color:var(--color-accent-primary);transform:translateY(-99%)}.footer-wave svg{width:100%;height:100%}.footer-content{background-color:#e7eefb;padding:3rem 2rem 1.5rem}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:2rem;margin-bottom:2rem}.footer-brand{display:flex;flex-direction:column;gap:.5rem}.brand-name{font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin:0}.brand-tagline{font-size:.8rem;color:var(--color-text-muted);margin:0;text-transform:uppercase;letter-spacing:.1em}.brand-desc{font-size:.85rem;color:var(--color-text-secondary);margin:.5rem 0 0}.footer-title{font-size:.9rem;font-weight:600;color:var(--color-text-primary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:var(--color-text-secondary);font-size:.9rem;transition:all .3s ease}.footer-links a:hover{color:var(--color-accent-primary);padding-left:4px}.footer-contact{display:flex;flex-direction:column;gap:.75rem}.contact-item{display:flex;align-items:center;gap:.75rem;color:var(--color-text-secondary);font-size:.9rem}.contact-item svg{width:18px;height:18px;flex-shrink:0;color:var(--color-accent-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--color-border)}.footer-copyright p{margin:0;font-size:.85rem;color:var(--color-text-muted)}.footer-icp a{font-size:.8rem;color:var(--color-text-muted);transition:color .3s ease}.footer-icp a:hover{color:var(--color-accent-primary)}@media (max-width: 900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}@media (max-width: 600px){.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{flex-direction:column;gap:.75rem;text-align:center}.footer-content{padding:2rem 1rem 1rem}}.news-ticker{display:flex;align-items:stretch;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:2rem}.ticker-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;background:linear-gradient(135deg,#3b82f626,#8b5cf61a);border-right:1px solid var(--color-border);min-width:120px}.ticker-label svg{width:28px;height:28px;color:var(--color-accent-primary)}.ticker-label span{font-size:.85rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.1em}.ticker-wrapper{flex:1;height:350px;overflow:hidden;position:relative;resize:both;--scroll-distance: translateY(0)}.ticker-content{margin:0;padding:1.5rem 2rem;list-style:none;transform:var(--scroll-distance)}.ticker-item{padding:.875rem 0;border-bottom:1px solid rgba(59,130,246,.08);transition:all .3s ease}.ticker-item:last-child{border-bottom:none}.ticker-item:hover{background:#3b82f60d;margin:0 -.5rem;padding-left:.5rem;padding-right:.5rem;border-radius:var(--radius-sm)}.new-badge{display:inline-block;flex-shrink:0;padding:.15rem .5rem;margin:0 .5rem;font-size:.65rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-accent-warm),#ef4444);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;animation:pulse 2s ease-in-out infinite}.ticker-link{font-weight:500;color:var(--color-text-primary);text-decoration:none;line-height:2;transition:color .3s ease}.ticker-link:hover{color:var(--color-accent-primary)}.ticker-en{padding-left:1rem;color:var(--color-text-muted);text-decoration:none;transition:color .3s ease;line-height:2}.ticker-en:hover{color:var(--color-accent-tertiary)}.link-icon{width:12px;height:12px;flex-shrink:0}@media (max-width: 768px){.news-ticker{flex-direction:column}.ticker-label{flex-direction:row;padding:1rem;border-right:none;border-bottom:1px solid var(--color-border);min-width:auto}.ticker-wrapper{height:240px}}.home{margin:0 3rem}.hero-section{position:relative;padding:3rem 0;margin-bottom:2rem;overflow:hidden}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);border-radius:50px;font-size:.8rem;color:var(--color-accent-primary);margin-bottom:1.5rem;animation:fadeInUp .6s ease-out}.badge-dot{width:6px;height:6px;background:var(--color-accent-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-title{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.title-cn{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-text-primary),var(--color-accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .6s ease-out .1s backwards}.title-en{font-size:1rem;font-weight:400;color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase;animation:fadeInUp .6s ease-out .2s backwards}.hero-description{font-size:1.1rem;color:var(--color-text-secondary);max-width:500px;animation:fadeInUp .6s ease-out .3s backwards}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.content-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.content-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-card),var(--shadow-glow)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#2563eb0a;border-bottom:1px solid var(--color-border)}.card-tag{font-size:.75rem;font-weight:600;color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.1em;padding:.25rem .75rem;background:#2563eb1a;border-radius:var(--radius-sm)}.card-title{font-size:1.25rem;font-weight:600;margin:0}.card-body{padding:1.5rem;text-align:justify}.card-body.chinese-content{line-height:2.25}.card-body.english-content{line-height:1.5}.card-body p{margin-bottom:1rem;color:var(--color-text-secondary)}.card-body p:last-child{margin-bottom:0}.stats-row{display:flex;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-number{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-accent-primary)}.stat-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.highlight-box{display:flex;gap:1rem;margin-top:1.5rem;padding:1rem;background:#7c3aed0f;border-radius:var(--radius-md);border-left:3px solid var(--color-accent-secondary)}.highlight-icon{flex-shrink:0;width:24px;height:24px;color:var(--color-accent-secondary)}.highlight-box p{margin:0;font-size:.9rem;color:var(--color-text-secondary)}.cta-section{display:flex;justify-content:center;padding:2rem 0}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary));color:#fff;font-size:1rem;font-weight:600;text-decoration:none;border-radius:var(--radius-md);transition:all .3s ease;box-shadow:0 4px 20px #2563eb40}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2563eb59;color:#fff}.cta-button svg{width:20px;height:20px;transition:transform .3s ease}.cta-button:hover svg{transform:translate(4px)}@media (max-width: 900px){.content-grid{grid-template-columns:1fr}.title-cn{font-size:1.75rem}.hero-description{font-size:1rem}.stats-row{flex-wrap:wrap}.stat-item{flex:1 1 30%;min-width:80px}}@media (max-width: 600px){.hero-section{padding:2rem 0}.card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.stat-item{flex:1 1 100%}}:root{--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-card: rgba(255, 255, 255, .8);--color-bg-card-hover: rgba(255, 255, 255, .95);--color-accent-primary: #2563eb;--color-accent-secondary: #7c3aed;--color-accent-tertiary: #0891b2;--color-accent-warm: #f59e0b;--color-text-primary: #1e293b;--color-text-secondary: #475569;--color-text-muted: #94a3b8;--color-border: rgba(37, 99, 235, .12);--color-border-hover: rgba(37, 99, 235, .25);--font-display: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "SimSun","Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-body: "PingFang SC", "Noto Sans SC", "Microsoft YaHei", "SimHei", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .08);--shadow-glow: 0 0 40px rgba(37, 99, 235, .1)}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-gutter:stable both-edges;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1}#app{margin:0 auto;max-width:1400px;display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-primary)}#app>main{padding:2rem 0rem;color:var(--color-text-secondary);flex:1;margin:0 auto;width:100%}a{color:var(--color-accent-primary);text-decoration:none;transition:all .3s ease}a:hover{color:var(--color-accent-tertiary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.3;color:var(--color-text-primary)}.d-inline{display:inline!important}.d-flex{display:flex!important;gap:2rem}.justify-content-center{justify-content:center!important}.flex-fill{flex:1 1 auto!important}.flex-col{flex:1 1 0!important}.flex-col-52{flex:1 1 52%}.flex-col-48{flex:1 1 48%}.container-md{width:996px;margin:0 auto}.img-fluid{display:block;width:100%;height:auto;margin:1rem auto;border-radius:var(--radius-md)}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mt-2{margin-top:2rem}.text-justify{text-align:justify}.text-center{text-align:center!important}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.05)}.text-title{font-size:1.75rem;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-tertiary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fs-1{font-size:1.125rem}.fs-2{font-size:.875rem}.line-height-1{line-height:1.5}.line-height-2{line-height:2}.mblock-2{margin:2rem auto}ol.publication-list,ul.publication-list{list-style:none;padding:0}ol.publication-list>li,ul.publication-list>li{text-align:justify;margin:1.5rem auto;word-wrap:break-word;padding:1rem 1.5rem;background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all .3s ease}ol.publication-list>li:hover,ul.publication-list>li:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover);transform:translateY(-2px);box-shadow:var(--shadow-card)}section{padding:1rem 0}.glass-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.glass-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card),var(--shadow-glow)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeInUp .6s ease-out forwards}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}@media (max-width: 768px){.d-flex{flex-direction:column}.flex-col-52,.flex-col-48{flex:1 1 100%}#app>main{padding:1rem}}
