:root{--primary: #0f766e;--primary-hover: #0d9488;--primary-light: #f0fdfa;--primary-dark: #134e4a;--text-title: #1e293b;--text-body: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--bg-page: #f8fafc;--white: #ffffff;--accent: #dc2626}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,sans-serif;background-color:var(--bg-page);color:var(--text-body);line-height:1.6;font-size:15px}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.top-bar{background:linear-gradient(90deg,var(--primary-dark),var(--primary));color:#ffffffe6;font-size:12px;padding:8px 0}.top-bar-inner{display:flex;justify-content:space-between;align-items:center}.top-bar a{color:#ffffffd9;margin-left:20px}.top-bar a:hover{color:#fff}.header{background:var(--white);padding:25px 0;border-bottom:3px solid var(--primary)}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo-area{display:flex;align-items:center;gap:20px}.logo-area img{width:85px;height:85px;object-fit:contain}.logo-text h1{font-size:34px;color:var(--primary-dark);font-weight:400;letter-spacing:3px;font-family:STXingkai,华文行楷,STKaiti,华文楷体,KaiTi,楷体,cursive}.logo-text p{font-size:13px;color:var(--text-muted);margin-top:8px;letter-spacing:1px}.header-right{display:flex;align-items:center;gap:20px}.search-box{display:flex;border:1px solid var(--border);border-radius:20px;overflow:hidden}.search-box input{border:none;padding:8px 15px;font-size:13px;width:180px;outline:none}.search-box button{background:var(--primary);border:none;color:#fff;padding:8px 15px;cursor:pointer}.nav{background:var(--primary)}.nav ul{list-style:none;display:flex;justify-content:center}.nav-toggle{display:none}.nav li a{display:block;padding:15px 45px;color:#fff;font-size:16px;font-weight:500;letter-spacing:2px;position:relative}.nav li a:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background:#fff;transition:width .3s}.nav li a:hover:after,.nav li a.active:after{width:60%}.section{padding:40px 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--primary)}.section-title{display:flex;align-items:baseline;gap:12px}.section-title-en{font-size:20px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:2px}.section-title-cn{font-size:18px;color:var(--text-title);font-weight:600}.page-banner{position:relative;height:200px;background-color:var(--primary);background-size:cover;background-position:center;background-repeat:no-repeat}.page-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0f766e80,#134e4ab3)}.page-banner .container{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%}.page-banner-content{text-align:center;color:#fff}.page-banner h2{font-size:32px;font-weight:600;letter-spacing:4px;margin:0 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.page-banner-sub{font-size:14px;opacity:.85;letter-spacing:3px;text-transform:uppercase}.breadcrumb{background:var(--white);padding:15px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-muted)}.breadcrumb a{color:var(--text-body)}.breadcrumb a:hover{color:var(--primary)}.breadcrumb span{margin:0 8px}.content-section{padding:50px 0;background:var(--white)}.content-box{background:var(--white);border-radius:5px;padding:40px;box-shadow:0 2px 10px #0000000d}.content-box h3{font-size:22px;color:var(--text-title);margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid var(--primary)}.content-box p{font-size:15px;line-height:2;color:var(--text-body);margin-bottom:20px;text-align:justify}.links-section{background:var(--white);padding:30px 0}.links-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border)}.links-header h4{font-size:16px;color:var(--text-title);font-weight:600}.links-list{display:flex;flex-wrap:wrap;gap:20px 40px}.links-list a{font-size:14px;color:var(--text-body);padding:5px 0;border-bottom:1px solid transparent}.links-list a:hover{color:var(--primary);border-bottom-color:var(--primary)}.footer{background:linear-gradient(180deg,var(--primary-dark),#0c4a44);color:#ffffffd9;padding:50px 0 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;margin-bottom:40px}.footer-about h3{font-size:20px;font-weight:600;margin-bottom:15px;color:#fff}.footer-about p{font-size:14px;line-height:1.9;opacity:.85}.footer-col h4{font-size:16px;font-weight:600;margin-bottom:20px;color:#fff}.footer-nav{display:flex;flex-direction:column;gap:12px}.footer-nav a{font-size:14px;color:#ffffffbf}.footer-nav a:hover{color:#fff}.footer-contact p{font-size:14px;line-height:2;opacity:.85}.footer-qrcode{width:100px;height:100px;background:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px;margin-top:10px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:25px;text-align:center}.footer-copyright{font-size:13px;opacity:.7}.footer-icp{font-size:12px;opacity:.6;margin-top:8px}.footer-icp a{color:#fffc}.footer-icp a:hover{color:#fff}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;color:var(--text-muted);padding:15px 20px;background:var(--bg-page);border-radius:6px;margin-top:20px}.article-meta-item{display:flex;align-items:center;gap:5px}.article-meta-item svg{width:14px;height:14px;stroke:var(--text-muted);fill:none;stroke-width:2}.article-meta-divider{width:1px;height:14px;background:var(--border)}.article-meta .category-tag{background:var(--primary-light);color:var(--primary);font-size:12px;padding:3px 10px;border-radius:3px;font-weight:500}.article-meta .keywords{display:flex;flex-wrap:wrap;gap:6px}.article-meta .keyword{background:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:3px;font-size:12px}@media(max-width:1024px){.container{padding:0 15px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.nav li a{padding:15px 30px}}@media(max-width:768px){.top-bar{font-size:11px;padding:6px 0}.top-bar-inner{flex-direction:column;gap:5px;text-align:center}.top-bar a{margin-left:15px}.header{padding:15px 0}.header-inner{flex-direction:column;gap:15px}.logo-area{flex-direction:column;text-align:center;gap:10px}.logo-area img{width:60px;height:60px}.logo-text h1{font-size:22px;letter-spacing:2px}.logo-text p{font-size:11px;margin-top:5px}.header-right{width:100%}.search-box{width:100%;max-width:300px;margin:0 auto}.search-box input{flex:1;width:auto}.nav{position:relative}.nav .container{padding:0}.nav ul{display:none;flex-direction:column;width:100%;background:var(--primary)}.nav ul.show{display:flex}.nav li{width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.nav li:last-child{border-bottom:none}.nav li a{display:block;padding:14px 20px;font-size:15px;text-align:center;letter-spacing:1px}.nav li a:after{display:none}.nav-toggle{display:flex;align-items:center;justify-content:center;width:100%;padding:12px 20px;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:15px;gap:8px}.nav-toggle svg{width:20px;height:20px}.page-banner{height:160px}.page-banner h2{font-size:24px;letter-spacing:2px}.page-banner-sub{font-size:12px;letter-spacing:2px}.breadcrumb{padding:12px 0;font-size:13px}.content-section{padding:30px 0}.content-box{padding:20px}.content-box h3{font-size:18px}.section{padding:30px 0}.section-header{margin-bottom:20px;padding-bottom:12px;flex-wrap:wrap;gap:10px}.section-title-en,.section-title-cn{font-size:16px}.footer{padding:40px 0 25px}.footer-grid{grid-template-columns:1fr;text-align:center;gap:25px;margin-bottom:30px}.footer-about h3{font-size:18px}.footer-about p{font-size:13px}.footer-col h4{font-size:15px;margin-bottom:12px}.footer-nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 20px}.footer-nav a{padding:4px 0}.footer-contact p{line-height:1.7}.footer-qrcode{margin:10px auto 0}.footer-bottom{padding-top:20px}.footer-copyright{font-size:12px}.article-meta{padding:12px 15px;flex-direction:column;align-items:flex-start;gap:8px}.article-meta-divider{display:none}}@media(max-width:480px){.container{padding:0 12px}.top-bar-inner>div{display:none}.header{padding:12px 0}.logo-area img{width:50px;height:50px}.logo-text h1{font-size:18px}.logo-text p{font-size:10px;display:none}.search-box{max-width:100%}.search-box input,.search-box button{padding:8px 12px;font-size:12px}.nav li a{padding:12px 15px;font-size:14px}.page-banner{height:140px}.page-banner h2{font-size:20px}.page-banner-sub{font-size:11px}.breadcrumb{font-size:12px}.content-section{padding:20px 0}.content-box{padding:15px}.content-box h3{font-size:16px;margin-bottom:15px;padding-bottom:10px}.content-box p{font-size:14px;line-height:1.8;margin-bottom:15px}.section{padding:25px 0}.section-header{margin-bottom:15px}.section-title{gap:8px}.section-title-en{font-size:14px;letter-spacing:1px}.section-title-cn{font-size:14px}.section-more{font-size:12px}.footer{padding:30px 0 20px}.footer-grid{gap:25px;margin-bottom:25px}.footer-about h3{font-size:16px}.footer-about p{font-size:12px;line-height:1.8}.footer-col h4{font-size:14px}.footer-nav a,.footer-contact p{font-size:13px}.footer-qrcode{width:80px;height:80px;font-size:11px}.article-meta{padding:10px 12px;font-size:12px}.article-meta .category-tag{font-size:11px;padding:2px 8px}.article-meta .keyword{font-size:11px;padding:2px 6px}}.form-message{position:fixed;bottom:30px;right:30px;z-index:9999;max-width:400px;padding:18px 24px;border-radius:10px;box-shadow:0 6px 30px #0003;animation:slideUp .4s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.form-message-success{background:#ecfdf5;border:1px solid #10b981;color:#065f46}.form-message-error{background:#fef2f2;border:1px solid #ef4444;color:#991b1b}.form-message-content{display:flex;align-items:flex-start;gap:12px}.form-message-content span{flex:1;font-size:14px;line-height:1.5}.form-message-close{background:none;border:none;font-size:20px;cursor:pointer;color:inherit;opacity:.6;padding:0;line-height:1}.form-message-close:hover{opacity:1}.field-error{border-color:#ef4444!important}.error-message{display:block;color:#ef4444;font-size:12px;margin-top:4px}
