*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Microsoft YaHei','PingFang SC',Arial,sans-serif;background:#f0f2f5;color:#333;line-height:1.8}a{color:#1a237e;text-decoration:none}a:hover{color:#e53935}.site-header{box-shadow:0 2px 12px rgba(0,0,0,.08);position:sticky;top:0;z-index:100;background:#fff}.hd{background:linear-gradient(135deg,#1a237e 0%,#3949ab 50%,#5c6bc0 100%);color:#fff;padding:25px 40px;text-align:center}.hd h1{font-size:28px;margin:0}.hd h1 a{color:#ffd54f;text-decoration:none;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hd .subtitle{font-size:14px;opacity:.9;margin-top:8px}.nav{background:#283593;padding:12px 40px;text-align:center}.nav a{color:#fff;margin:0 18px;text-decoration:none;font-size:15px;transition:all .3s}.nav a:hover{color:#ffd54f}.banner{background:linear-gradient(135deg,#1a237e,#3949ab);color:#fff;padding:60px 40px;text-align:center}.banner-content h2{font-size:32px;margin-bottom:15px}.banner-content p{font-size:16px;opacity:.9;margin-bottom:25px;max-width:800px;margin-left:auto;margin-right:auto}.banner-btns{display:flex;justify-content:center;gap:20px}.btn-primary{background:#ffd54f;color:#1a237e;padding:14px 35px;border-radius:30px;font-weight:bold}.btn-primary:hover{background:#ffb300}.btn-secondary{background:rgba(255,255,255,.2);color:#fff;padding:14px 35px;border-radius:30px;border:2px solid #fff}.btn-secondary:hover{background:rgba(255,255,255,.3)}.ct{max-width:1100px;margin:0 auto;padding:40px 20px}.section-title{font-size:26px;color:#1a237e;margin-bottom:30px;padding-left:15px;border-left:5px solid #ffd54f}.page-title{font-size:28px;color:#1a237e;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #ffd54f}.page-desc{font-size:15px;color:#666;margin-bottom:30px}.features{padding:40px 20px;background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px}.feature-item{text-align:center;padding:25px 20px;border-radius:12px;background:linear-gradient(135deg,#e8eaf6,#f3e5f5);transition:transform .3s}.feature-item:hover{transform:translateY(-5px)}.feature-icon{font-size:42px;margin-bottom:12px}.feature-item h3{color:#1a237e;margin-bottom:8px}.feature-item p{font-size:14px;color:#555}.tools-section{padding:40px 20px;background:#f8f9fa}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.tool-card{background:#fff;border-radius:12px;padding:25px 20px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:all .3s}.tool-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.1);transform:translateY(-3px)}.tool-card .tool-icon{font-size:38px;margin-bottom:10px}.tool-card h4{color:#1a237e;margin-bottom:10px;font-size:16px}.tool-card p{font-size:13px;color:#666;line-height:1.6}.articles-section{padding:40px 20px;background:#fff}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.article-item{background:#f8f9fa;border-radius:10px;padding:20px;transition:all .3s}.article-item:hover{background:#e8eaf6;transform:translateY(-3px)}.article-item h3{color:#1a237e;margin-bottom:10px;font-size:16px}.article-item h3 a{color:#1a237e}.article-item h3 a:hover{color:#e53935}.article-item .desc{font-size:13px;color:#666;margin-bottom:10px}.article-item .meta{font-size:12px;color:#999}.view-all{text-align:center;margin-top:25px}.view-all a{color:#1a237e;font-weight:bold;font-size:16px}.cta-section{padding:40px 20px}.cta-box{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:15px;padding:40px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.08)}.cta-box h2{color:#e65100;margin-bottom:15px}.cta-box p{font-size:16px;color:#555;margin-bottom:10px}.ct .article{background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.at{font-size:28px;color:#1a237e;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #ffd54f}.meta{color:#999;font-size:14px;margin-bottom:25px}.meta span{margin-right:20px}.cnt p{margin-bottom:18px;text-indent:2em;font-size:15px;line-height:2}.cnt h2{font-size:22px;color:#1a237e;margin:30px 0 15px;padding-left:15px;border-left:4px solid #3949ab}.cnt h3{font-size:18px;color:#283593;margin:20px 0 12px}.cnt blockquote{border-left:4px solid #ffd54f;background:#fffde7;padding:15px 20px;margin:20px 0;color:#555;border-radius:0 8px 8px 0}.cnt li{margin-bottom:8px;line-height:2}.tags-row{margin-top:30px;padding-top:20px;border-top:1px solid #eee;font-size:14px}.tags-row a{color:#3949ab;margin:0 5px}.nav-btns{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.nav-btns a{color:#1a237e;padding:10px 20px;border:1px solid #ddd;border-radius:8px}.nav-btns a:hover{background:#e8eaf6}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px}.category-card{background:#f8f9fa;border-radius:10px;padding:25px;transition:all .3s}.category-card:hover{background:#e8eaf6;transform:translateY(-3px)}.category-card h3{color:#1a237e;margin-bottom:10px}.category-card p{font-size:14px;color:#666;margin-bottom:10px}.category-card .count{font-size:12px;color:#999}.tag-cloud{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px;padding:30px;background:#f8f9fa;border-radius:12px}.tag{color:#3949ab;padding:8px 15px;background:#fff;border-radius:20px;transition:all .3s}.tag:hover{background:#1a237e;color:#fff}.tag .count{color:#999;font-size:.8em}.tool-grid-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.tool-card-detailed{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.tool-card-detailed .tool-icon{font-size:45px;margin-bottom:12px;text-align:center}.tool-card-detailed h3{color:#1a237e;margin-bottom:10px;text-align:center}.tool-desc{font-size:14px;color:#555;line-height:1.8;margin-bottom:15px}.tool-features{display:flex;flex-wrap:wrap;gap:8px}.tool-features span{font-size:12px;color:#3949ab;background:#e8eaf6;padding:4px 10px;border-radius:12px}.about-content{background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.about-content h2{color:#1a237e;margin:25px 0 12px;padding-left:12px;border-left:4px solid #ffd54f}.about-content p{margin-bottom:15px;line-height:2}.contact-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.contact-card{background:#fff;border-radius:12px;padding:30px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.06)}.contact-card h3{color:#1a237e;margin-bottom:15px}.contact-card p{margin-bottom:10px}.contact-big{font-size:28px;color:#e53935;font-weight:bold;margin:15px 0}.ft{background:#1a237e;color:#fff;padding:40px 20px 20px;margin-top:40px}.ft-content{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.ft-col h4{margin-bottom:15px;color:#ffd54f}.ft-col p{font-size:14px;opacity:.9;margin-bottom:8px}.ft-col a{color:#ffd54f;margin-right:10px;font-size:14px}.friend-list{max-width:1100px;margin:30px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}.friend-list h4{color:#ffd54f;margin-bottom:10px;font-size:14px}.friend-list a{color:#fff;margin:0 5px;font-size:13px;opacity:.8}.friend-list a:hover{opacity:1}.copyright{max-width:1100px;margin:20px auto 0;text-align:center;font-size:13px;opacity:.7}}