*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{font-family:Microsoft YaHei,Segoe UI,PingFang SC,sans-serif;line-height:1.8;color:#333;background-color:#f8fafc;font-size:16px;min-width:320px;overflow-x:hidden}img{max-width:100%;height:auto;display:block}@media (max-width: 767px){body{font-size:14px;line-height:1.6}.container{padding:10px}.section{padding:15px;margin-bottom:25px}}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:linear-gradient(135deg,#1a56db 0%,#0e2b5c 100%);color:#fff;padding:30px 20px;border-radius:0 0 10px 10px;margin-bottom:30px;position:relative;overflow:hidden}.logo-section{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}.institute-logo{width:500px;height:150px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease}.institute-logo:hover{transform:scale(1.05)}.logo-placeholder{width:300px;height:120px;background-color:#e0f2fe;display:flex;align-items:center;justify-content:center;color:#1e40af;font-weight:700;text-align:center;padding:10px;border:2px dashed #1e40af}.conference-title{margin-left:30px;text-align:center}.conference-title h1{font-size:2.5rem;color:#f1f3f7;margin-bottom:10px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.05)}@media (max-width: 992px){.poster-container{flex-direction:column;min-height:auto}.poster-background{height:300px}.floating-link-box{position:relative;top:auto;right:auto;transform:none;width:100%;margin-top:-50px;max-width:90%;margin-left:auto;margin-right:auto}}@media (max-width: 576px){.poster-background{height:250px}.floating-link-box{padding:15px;margin-top:-30px;width:95%}.conference-link{padding:12px;font-size:.9rem}.qr-code{width:120px;height:120px}}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}@media (max-width: 767px){.gallery{grid-template-columns:1fr}.gallery-item{margin-bottom:15px}}@media (max-width: 768px){.logo-section{flex-direction:column;text-align:center;gap:15px}.institute-logo{width:120px;height:120px;margin:0 auto}.conference-title h1{font-size:1.5rem;margin-top:10px}.conference-title p{font-size:1rem}}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}@media (max-width: 767px){.info-grid{grid-template-columns:1fr}.info-card{padding:15px;margin-bottom:10px}}@media (max-width: 768px){.footer-content{flex-direction:column;text-align:center}.contact-info{margin-bottom:20px}.copyright{text-align:center}}.conference-title p{font-size:1.2rem;opacity:.9}.content{padding:0 20px 20px}.section{margin-bottom:50px;padding:30px;background:white;border-radius:10px;box-shadow:0 4px 12px #0000000d;border-left:4px solid #1a56db}.section h2{color:#1a56db;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #e5e7eb;font-size:1.8rem}.section p{margin-bottom:20px;font-size:1.1rem;line-height:1.8;color:#4b5563}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-top:30px}.info-card{background:#f0f9ff;border-radius:8px;padding:25px;text-align:center;border:1px solid #dbeafe;transition:transform .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #00000014}.info-card h3{color:#1d4ed8;margin-bottom:15px;font-size:1.3rem}.info-card p{font-size:1.1rem;color:#1e40af;font-weight:500;margin-bottom:0}.conference-link-section{background:#eff6ff;border-left-color:#3b82f6}.conference-link{display:inline-block;background:#1d4ed8;color:#fff;padding:15px 30px;font-size:1.2rem;border-radius:8px;text-decoration:none;margin:20px 0;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.conference-link:hover{background:#1e40af;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.conference-poster-section{margin:50px 0;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #0000001a}.poster-container{position:relative;min-height:400px;display:flex}.poster-background{flex:1}.poster-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.floating-link-box{position:absolute;right:40px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.95);padding:30px;border-radius:10px;width:320px;box-shadow:0 5px 25px #00000026;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.floating-link-box h3{color:#1a56db;margin-bottom:20px;font-size:1.5rem;text-align:center}.conference-link{display:block;background:#1a56db;color:#fff;text-align:center;padding:15px;border-radius:8px;text-decoration:none;font-weight:500;transition:all .3s ease;margin-bottom:20px}.conference-link:hover{background:#1348b8;transform:translateY(-2px);box-shadow:0 5px 15px #1a56db4d}.qr-container{text-align:center;padding:10px}.qr-code{width:150px;height:150px;margin:0 auto;display:block;border:1px solid #eee}.qr-container p{margin-top:10px;color:#666;font-size:.9rem}@media (max-width: 992px){.poster-container{flex-direction:column;min-height:auto}.floating-link-box{position:static;transform:none;width:100%;margin-top:-50px;background:white}.poster-image{height:300px}}@media (max-width: 576px){.floating-link-box{padding:20px;margin-top:0}.qr-code{width:120px;height:120px}}.link-qr{text-align:center;margin-top:30px}.qr-placeholder{width:180px;height:180px;margin:0 auto 15px;background:#dbeafe;display:flex;align-items:center;justify-content:center;border:2px dashed #3b82f6;border-radius:8px}.qr-text{color:#1e40af;font-weight:700;text-align:center}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.gallery-item{border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a}.image-placeholder{height:200px;background:#d1d5db;display:flex;align-items:center;justify-content:center;color:#4b5563;font-weight:500}.footer{background:linear-gradient(135deg,#0e2b5c 0%,#1a56db 100%);color:#fff;padding:40px 20px;border-radius:10px 10px 0 0;margin-top:50px}.footer-content{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.contact-info h3{font-size:1.5rem;margin-bottom:20px;font-weight:500}.contact-info p{margin-bottom:10px;opacity:.9}.copyright{text-align:right;opacity:.8}.copyright p{margin-bottom:5px}@media (max-width: 768px){.logo-section{flex-direction:column;gap:20px}.conference-title h1{font-size:2rem}.footer-content{flex-direction:column;text-align:center}.copyright{text-align:center;margin-top:20px}.section{padding:20px}}@media (max-width: 480px){.conference-title h1{font-size:1.8rem}.info-grid{grid-template-columns:1fr}}
