*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Roboto,Arial,sans-serif}
body{background-color:#f4f7fb;color:#1e2b3c;line-height:1.5}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header{background-color:#ffffff;box-shadow:0 2px 10px rgba(0,0,0,0.03);position:sticky;top:0;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:70px;position:relative}
.logo a{font-size:1.5rem;font-weight:600;color:#155A82;text-decoration:none;letter-spacing:0.5px}
.logo svg{margin:auto;display: block;}
.nav-menu ul{display:flex;list-style:none;gap:2rem}
.nav-menu a{text-decoration:none;color:#2c3e50;font-weight:500;font-size:1rem;transition:color 0.2s}
.nav-menu a:hover,.nav-menu a.active{color:#1D6E9D;border-bottom:2px solid #1D6E9D;padding-bottom:4px}
.header-buttons{display:flex;gap:12px}
.btn{padding:8px 20px;border-radius:30px;font-weight:500;text-decoration:none;font-size:0.9rem;transition:all 0.2s;display:inline-block}
.btn-outline{border:1px solid #155A82;color:#155A82;background:transparent}
.btn-outline:hover{background:#155A82;color:#fff}
.btn-solid{background:#1D6E9D;color:white;border:1px solid #1D6E9D}
.btn-solid:hover{background:#155a82;border-color:#155a82}
footer{background:#1e2b3c;color:#b0c4d9;padding:20px 0 10px 0;margin-top:60px}
.footer-inner{display:flex;flex-direction:column;gap:2px}
.footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.footer-qrcodes{display:flex;gap:5px}
.qrcode-item{display:flex;flex-direction:column;align-items:center;padding:5px;color:#b0c4d9;font-size:0.7rem;transition:background 0.2s}
.qrcode-item img{width:60px;margin-bottom:4px}
.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.footer-links a{color:#b0c4d9;text-decoration:none;margin-left:10px;font-size:0.9rem}
.footer-links a:first-child{margin-left:0}
.footer-links a:hover{color:white}
.footer-copy{font-size:0.9rem;color:#cbdae9}
.card{background:white;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.03);transition:transform 0.2s,box-shadow 0.2s;height:100%;display:flex;flex-direction:column}
.card:hover{transform:translateY(-4px);box-shadow:0 12px 25px rgba(0,0,0,0.07)}
.card-img{background-color:#e5ecf3;height:170px;display:flex;align-items:center;justify-content:center;color:#9aaec2;font-size:2.5rem}
.card-img img{width:100%;height:100%;object-fit: cover;display: block;}
.card-content{padding:20px 18px;flex:1}
.card-title{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:#1e2b3c}
.card-title a {text-decoration: none;color: inherit;}
.card-title a:hover {color: #1D6E9D;}
.card-meta{font-size:0.85rem;color:#6f8a9c;margin-bottom:12px;display:flex;gap:15px}
.card-meta i{margin-right:4px}
.card-excerpt{color:#3f5567;font-size:0.95rem;margin-bottom:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.read-more{color:#1D6E9D;text-decoration:none;font-weight:500;font-size:0.9rem;display:inline-flex;align-items:center;gap:5px}
.page-title{margin:40px 0 25px;font-size:2rem;font-weight:600;color:#155A82;position:relative;padding-bottom:12px}
.page-title:after{content:'';position:absolute;bottom:0;left:0;width:70px;height:3px;background:#2a7faa}
.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}
.hero{background:linear-gradient(135deg,#e3f0fc,#d4e6f5);border-radius:16px;padding:50px 40px;margin:40px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.hero-text h1{font-size:2.2rem;font-weight:700;color:#0a2942;max-width:500px;line-height:1.3}
.hero-text p{color:#1f4b6e;margin:20px 0;font-size:1.1rem}
.hero-search{background:white;border-radius:50px;padding:5px;display:flex;width:350px;box-shadow:0 5px 12px rgba(0,0,0,0.05)}
.hero-search input{flex:1;border:none;padding:0 18px;font-size:1rem;border-radius:50px 0 0 50px;outline:none}
.hero-search button{background:#1D6E9D;border:none;color:white;padding:12px 25px;border-radius:50px;font-weight:600;cursor:pointer}
.author-profile{background:white;border-radius:20px;padding:35px;margin:40px 0;display:flex;flex-wrap:wrap;gap:35px;align-items:center;box-shadow:0 8px 20px rgba(0,0,0,0.02)}
.author-avatar{width:130px;height:130px;border-radius:50%;background:#cbdbe9;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#2f5575}
.author-info{flex:1}
.author-info h2{font-size:2rem;color:#155A82;margin-bottom:8px}
.author-bio{color:#3f5567;margin:15px 0 20px;max-width:600px}
.author-stats{display:flex;gap:25px}
.stat-item{font-size:0.95rem;color:#2c3e50}
.stat-item i{color:#2a7faa;margin-right:5px}
.social-links a{color:#155A82;font-size:1.2rem;margin-right:20px;transition:color 0.2s}
.social-links a:hover{color:#2a7faa}
.form-card{max-width:450px;margin:50px auto;background:white;border-radius:16px;padding:35px 30px;box-shadow:0 15px 30px rgba(0,0,0,0.05)}
.form-title{font-size:1.8rem;font-weight:600;color:#155A82;margin-bottom:25px;text-align:center}
.form-group{margin-bottom:20px}
.form-group label{display:block;font-weight:500;margin-bottom:6px;color:#2f4a62}
.form-control{width:100%;padding:12px 15px;border:1px solid #d6e0e9;border-radius:30px;font-size:1rem;transition:0.2s;outline:none}
.form-control:focus{border-color:#1D6E9D;box-shadow:0 0 0 3px rgba(30,111,159,0.1)}
.form-check{display:flex;align-items:center;gap:8px;margin:20px 0}
.btn-block{width:100%;padding:14px;font-size:1rem;border:none;border-radius:40px;background:#1D6E9D;color:white;font-weight:600;cursor:pointer}
.form-footer{text-align:center;margin-top:20px;color:#5b7a93}
.form-footer a{color:#1D6E9D;text-decoration:none;font-weight:500}
.article-header{margin-bottom:30px}
.article-header h1{font-size:2.5rem;color:#1e2b3c;line-height:1.3}
.article-meta{display:flex;gap:25px;color:#617e98;margin:20px 0 30px;flex-wrap:wrap}
.article-featured-img{background:#b8d1e5;height:400px;border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#4d6a82;margin-bottom:30px}
.article-body{background:white;padding:40px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.02);line-height:1.85rem}
.article-body p{margin-bottom:20px;color:#2c3e50;font-size:1.05rem;line-height:1.85rem}
.article-body h2{margin:30px 0 15px;color:#155A82}
.pagination{display:flex;justify-content:center;gap:8px;margin:45px 0 20px}
.page-item{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:white;color:#1e2b3c;text-decoration:none;font-weight:500;box-shadow:0 2px 8px rgba(0,0,0,0.03)}
.page-item.active{background:#1D6E9D;color:white}
hr{border:none;border-top:1px solid #e0e9f2;margin:20px 0}
.timeline-title{font-size:1.5rem;font-weight:600;color:#1D6E9D;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.timeline-title i{color:#2a7faa;font-size:1.8rem}
.timeline{list-style:none;margin:0;padding:0}
.timeline-item{position:relative;padding-left:50px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #e0e9f2}
.timeline-item:last-child{border-bottom:none;margin-bottom:0}
.timeline-item:not(:last-child)::before{content:'';position:absolute;left:20px;top:8px;bottom:-18px;width:2px;background:#d0deed;z-index:0}
.timeline-item::after{content:'';position:absolute;left:12px;top:6px;width:14px;height:14px;border-radius:50%;background:#ffffff;border:3px solid #1e6f9f;box-shadow:0 0 0 2px rgba(30,111,159,0.1);z-index:1;transition:background 0.2s}
.timeline-item:hover::after{background:#1e6f9f}
.timeline-time{display:inline-block;font-size:0.8rem;font-weight:500;color:#617e98;background:#f0f5fa;padding:2px 2px;border-radius:30px;margin-bottom:6px;letter-spacing:0.3px}
.timeline-item h4{font-size:1.1rem;font-weight:600;margin:0 0 6px;color:#1e2b3c}
.timeline-item h4 a{text-decoration:none;color:inherit}
.timeline-item h4 a:hover{color:#1e6f9f}
.timeline-summary{font-size:0.9rem;color:#3f5567;margin:0 0 5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.timeline-meta{font-size:0.8rem;color:#8ca3b9;display:flex;gap:16px}
.timeline-meta i{margin-right:3px;color:#1e6f9f}
@media screen and (max-width:768px){.header-inner{height:auto;flex-wrap:wrap;padding:10px 0;gap:10px}
.nav-menu ul{gap:1rem;flex-wrap:wrap;justify-content:center}
.header-buttons{margin-left:auto}
.hero{padding:30px 20px}
.hero-text h1{font-size:1.8rem}
.hero-text p{font-size:1rem}
.hero-search{width:100%;max-width:100%}
.hero-search input{padding:0 12px;font-size:0.95rem}
.hero-search button{padding:10px 18px;font-size:0.95rem}
.hero-icon i{font-size:4rem !important}
.page-title{font-size:1.8rem;margin:30px 0 20px}
.grid-3{gap:20px}
.article-featured-img{height:250px}
.article-body{padding:25px}
.footer-top{flex-direction:column;align-items:stretch;gap:20px}
.footer-qrcodes{align-self:center}
.footer-right{align-items:center;text-align:center}
.footer-links a{margin:0 10px}
.footer-links a:first-child{margin-left:10px}
}@media screen and (max-width:480px){
.hero-text h1{font-size:1.5rem}
.hero-search i{display:none !important}
.hero-search button {padding: 8px 12px;font-size: 0.85rem;white-space: nowrap;}
.hero{padding:25px 15px}
.hero-icon i{font-size:3.5rem !important}
.btn{padding:6px 14px;font-size:0.85rem}
.card-title{font-size:1.1rem}
.qrcode-item{padding:8px 5px}
.footer-links a{margin:0 8px}
}.menu-toggle-checkbox{display:none}
.menu-toggle-label{display:none;font-size:2rem;cursor:pointer;user-select:none;color:#155A82;line-height:1}
.mobile-menu{display:none}
@media screen and (max-width:768px){.nav-menu,.header-buttons{display:none}
.logo svg{max-height:34px;margin-left:12px;}
.menu-toggle-label{display:block;margin-left:auto;margin-right:10px}
.menu-toggle-checkbox:checked ~ .mobile-menu{display:block}
.mobile-menu{position:absolute;top:100%;left:0;width:100%;background:white;box-shadow:0 5px 10px rgba(0,0,0,0.1);padding:20px;z-index:100;border-radius:0 0 20px 20px}
.mobile-menu ul{list-style:none;margin-bottom:20px}
.mobile-menu ul li{margin-bottom:15px}
.mobile-menu ul li a{text-decoration:none;color:#2c3e50;font-weight:500;font-size:1.1rem;display:block;padding:5px 0}
.mobile-menu ul li a.active{color:#1D6E9D}
.mobile-menu .mobile-buttons{display:flex;gap:15px;flex-wrap:wrap}
.mobile-menu .btn{flex:1 1 auto;text-align:center}
}.subscribe-section{text-align:center;background:linear-gradient(135deg,#e9f2fa,#dae9f5);border-radius:16px;padding:40px 30px;margin:40px 0 20px}
.subscribe-section h3{font-size:1.8rem;color:#155A82;margin-bottom:10px}
.subscribe-section p{color:#2f4a62;font-size:1.1rem;margin-bottom:25px}
.subscribe-form{display:flex !important;flex-wrap:nowrap !important;background:#ffffff;border-radius:50px;padding:5px;max-width:500px;margin:0 auto;gap:0 !important;box-shadow:0 5px 12px rgba(0,0,0,0.05)}
.subscribe-form input{flex:1 1 auto;min-width:0;width:auto;border:none;background:transparent;padding:12px 20px;font-size:1rem;border-radius:50px 0 0 50px;outline:none;margin:0}
.subscribe-form button{flex:0 0 auto;padding:12px 25px;font-size:1rem;border:none;background:#1D6E9D;color:white;border-radius:50px;white-space:nowrap;cursor:pointer;font-weight:600;transition:background 0.2s;line-height:normal;height:auto;margin:0}
.subscribe-form button:hover{background:#155a82}
@media screen and (max-width:480px){.subscribe-section{padding:30px 20px}
.subscribe-section h3{font-size:1.5rem}
.subscribe-form input{padding:10px 15px;font-size:0.9rem}
.subscribe-form button{padding:10px 18px;font-size:0.9rem}
}.article-inline-img{margin:25px 0;text-align:center;background:#f0f5fa;border-radius:16px;padding:30px 20px;color:#4d6a82;font-size:3rem}
.article-inline-img i{opacity:0.7}
.article-inline-img figcaption{font-size:0.9rem;color:#6f8a9c;margin-top:10px}
.keyword-tags{margin-top:35px;padding-top:20px;border-top:1px solid #e0e9f2}
.keyword-tags a{display:inline-block;background:#eaf2f9;color:#1D6E9D;padding:5px 15px;border-radius:30px;font-size:0.9rem;margin-right:10px;margin-bottom:8px;text-decoration:none;transition:background 0.2s}
.keyword-tags a:hover{background:#d4e6f5}
.share-in-meta{display:inline-flex;align-items:center;gap:6px;background:#eaf2f9;padding:5px 16px;border-radius:40px;font-size:0.9rem;font-weight:500;color:#1D6E9D;cursor:pointer;transition:all 0.25s ease;border:1px solid transparent;box-shadow:0 2px 6px rgba(30,111,159,0.1);animation:meta-share-pulse 2.2s ease-in-out infinite;white-space:nowrap;margin-top:-3px}
.share-in-meta i{font-size:1rem}
.share-in-meta:hover{background:#d4e6f5;border-color:#1D6E9D;animation:none;transform:scale(1.02);box-shadow:0 4px 10px rgba(30,111,159,0.15)}
@keyframes meta-share-pulse{0%{box-shadow:0 0 0 0 rgba(30,111,159,0.4);background:#eaf2f9}
50%{box-shadow:0 0 0 6px rgba(30,111,159,0.1);background:#deecf7}
100%{box-shadow:0 0 0 0 rgba(30,111,159,0.4);background:#eaf2f9}
}@media screen and (max-width:480px){.share-in-meta{white-space:normal;padding:4px 12px;font-size:0.85rem;margin-left:0;margin-top:0}
.article-meta{gap:15px}
}.poster-footer-info{border-top:1px solid #e0e9f2;padding-top:15px;color:#8ca3b9;font-size:0.9rem;display:flex;justify-content:space-between}
.poster-footer-info .author{font-weight:500;color:#2f4a62}
@media screen and (max-width:768px){.share-floating-pc{display:none}
.share-mobile{display:flex}
.poster-download-area{flex-direction:column;align-items:stretch}
.download-btn{justify-content:center}
.poster-footer-info{flex-direction:column;gap:5px;text-align:center}
}.news-split{display:flex;flex-wrap:wrap;gap:30px;margin:40px 0}
.news-left{flex:1 1 calc(75% - 30px);min-width:280px}
.news-right{flex:0 1 calc(25% - 0px);min-width:240px}
.r-card{background:white;border-radius:16px;padding:22px 18px;margin-bottom:25px;box-shadow:0 5px 15px rgba(0,0,0,0.02);border:1px solid #eff3f8}
.r-card:last-child{margin-bottom:0}
.r-card h3{font-size:1.2rem;font-weight:600;color:#1D6E9D;margin-bottom:18px;display:flex;align-items:center;gap:8px;border-bottom:2px solid #eaf0f6;padding-bottom:10px}
.r-card h3 i{color:#2a7faa;font-size:1.2rem}
.text-muted {color: #6c757d;}
.qrcode-block{text-align:center;padding:10px 5px 5px}
.qrcode-fake img{width:120px}
.qrcode-block p{color:#2f4a62;font-size:0.8rem;margin:12px 0 6px}
.qrcode-link{margin:8px 0 0}
.qrcode-link a{color:#1D6E9D;font-weight:500;text-decoration:none;background:#eaf2f9;padding:6px 18px;border-radius:40px;display:inline-block;font-size:0.9rem;transition:0.2s}
.qrcode-link a:hover{background:#d4e6f5}
.activity-list{display:flex;flex-direction:column;gap:15px}
.activity-item{display:flex;align-items:center;gap:12px}
.activity-icon{width:48px;height:48px;background:#e5ecf3;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#1D6E9D;font-size:1.5rem;flex-shrink:0}
.activity-info a{text-decoration:none;font-size:0.95rem;font-weight:600;margin:0 0 4px;color:#2c3e50}
.activity-info a:hover{color:#1D6E9D}
.activity-info p{font-size:0.8rem;color:#6f8a9c;margin:0}
.activity-info p i{margin-right:3px;font-size:0.7rem}
.article-links{list-style:none;padding:0;margin:0}
.article-links li{margin-bottom:14px;border-bottom:1px solid #f0f5fa;padding-bottom:10px}
.article-links li:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}
.article-links a{text-decoration:none;color:#2c3e50;font-weight:500;font-size:0.95rem;display:block;transition:color 0.2s}
.article-links a:hover{color:#1D6E9D}
.article-links .link-meta{font-size:0.75rem;color:#8ca3b9;margin-top:3px}
.recommend-card{background:white;border-radius:16px;padding:20px;margin:30px 0 20px;box-shadow:0 4px 12px rgba(0,0,0,0.02)}
.recommend-card h3{font-size:1.2rem;font-weight:600;color:#1D6E9D;margin-bottom:15px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #dbe4ed;padding-bottom:8px}
.recommend-list{display:flex;flex-wrap:wrap;gap:12px 20px}
.recommend-item{flex:0 0 calc(50% - 10px);min-width:0}
.recommend-title{font-size:0.95rem;font-weight:500;color:#1e2b3c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recommend-title a{text-decoration:none;color:inherit;display:block;overflow:hidden;text-overflow:ellipsis}
.recommend-title a:hover{color:#1D6E9D}
.copyright-notice{margin-top:30px;padding:12px 16px;background:#f5f8fb;border-radius:12px;font-size:0.8rem;color:#6f8a9c;line-height:1.6;border-left:4px solid #1D6E9D}
.copyright-notice a{color:#1D6E9D;text-decoration:none}
.copyright-notice a:hover{text-decoration:underline}
.image-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);align-items:center;justify-content:center}
.modal-wrapper{position:relative;display:flex;flex-direction:row;align-items:flex-start;padding:20px 0 0 0}
.close-btn{position:absolute;top:-20px;right:0px;background:transparent !important;border:none !important;color:white !important;font-size:36px;font-weight:400;cursor:pointer;line-height:1;padding:0;text-shadow:0 4px 12px rgba(0,0,0,0.6);transition:opacity 0.2s;z-index:30;width:auto;height:auto}
.close-btn:hover{opacity:0.8}
.poster-card{background:white;border-radius:16px;padding:15px 5px 15px 15px;box-shadow:0 25px 40px -10px rgba(0,0,0,0.4);display:flex;flex-direction:column;width:fit-content}
.modal-hint{font-size:14px;color:#1e2b3c;margin:0 0 18px 0;font-weight:450;display:flex;align-items:center;justify-content:center;gap:6px}
.poster-block{width:380px;max-height:63vh;overflow-y:auto;overflow-x:hidden;border-radius:14px;background:#fafcfd;cursor:pointer;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color 0.2s ease}
.poster-block::-webkit-scrollbar{width:0;background:transparent;transition:width 0.2s ease}
.poster-block::-webkit-scrollbar-track{background:transparent}
.poster-block::-webkit-scrollbar-thumb{background:transparent}
.poster-block::-webkit-scrollbar-button{display:none}
.poster-block:hover{scrollbar-color:#C3C6CA #f1f5f9}
.poster-block:hover::-webkit-scrollbar{width:6px}
.poster-block:hover::-webkit-scrollbar-track{background:#f1f5f9}
.poster-block:hover::-webkit-scrollbar-thumb{background:#C3C6CA}
#generatedPoster{width:100%;height:auto;display:block;border-radius:10px;pointer-events:none}
#messageStatus{padding:0.75rem 1rem;border-radius:0.5rem;font-size:0.875rem;line-height:1.5;margin-top:.5rem}
#messageStatus.hidden{display:none}
#messageStatus.success{background-color:#f0f9f0;border:1px solid #b8e0b8;color:#2e7d32}
#messageStatus.error{background-color:#fff0f0;border:1px solid #ffcdd2;color:#c62828}
@media screen and (max-width:1024px){.news-split{flex-direction:column}
.news-left,.news-right{flex:1 1 100%;width:100%}
.timeline-item{padding-left:45px}
.timeline-item:not(:last-child)::before{left:18px}
.timeline-item::before{left:16px}
.timeline-item::after{left:10px}
.r-card{padding:18px}
.recommend-item{flex:0 0 100%}
.modal-wrapper{padding:18px 0 0 0}
.poster-card{padding:15px 10px 15px 15px;border-radius:12px}
.poster-block{width:260px;max-height:60vh}
.close-btn{font-size:36px;top:-20px;right:0px}
.modal-hint{font-size:12px;margin-bottom:16px}
}@media screen and (max-width:480px){.timeline-item{padding-left:40px}
.timeline-item:not(:last-child)::before{left:14px}
.timeline-item::after{left:7px;width:12px;height:12px}
}