*{margin:0;padding:0;box-sizing:border-box}  
html{font-family:'Montserrat',sans-serif;line-height:1.7;font-size:17px;background:#e9f5ff}  
body{color:#003366;background:linear-gradient(to bottom,#e9f5ff,#c2e0ff);padding:3rem 0}  
.container{margin:0 auto;padding:0 3rem;max-width:1400px}  
.site-header{background:rgba(255,255,255,0.9);color:#003366;padding:2rem 0;border-radius:15px;box-shadow:0 5px 15px rgba(0,51,102,0.1);backdrop-filter:blur(10px);margin-bottom:4rem}  
.logo{font-size:2.2rem;font-weight:800;margin:0 auto;display:flex;justify-content:center;color:#0066cc;letter-spacing:-0.5px}  
.content{padding:4rem;min-height:60vh;margin:0 auto 4rem;width:100%;background:white;border-radius:25px;box-shadow:0 20px 50px rgba(0,51,102,0.15);position:relative;overflow:hidden}  
.content:after{content:"";position:absolute;top:0;right:0;width:30%;height:100%;background:linear-gradient(135deg,#0066cc,#00ccff);opacity:0.05;z-index:0}  
.content p{margin-bottom:1.8rem;font-size:1.1rem;line-height:1.9;position:relative;z-index:1}  
.content img{max-width:80%;height:auto;margin:2.5rem auto;display:block;border-radius:15px;box-shadow:0 15px 40px rgba(0,51,102,0.2);border:3px solid white;transition:transform 0.4s}  
.content img:hover{transform:translateY(-10px) rotate(2deg)}  
.site-footer{text-align:center;padding:3rem 0}  
.links{margin-bottom:2rem;display:flex;gap:2.5rem;justify-content:center}  
.links a{color:#0066cc;text-decoration:none;font-weight:600;font-size:1rem;transition:all 0.3s;position:relative}  
.links a:before{content:"";position:absolute;width:0;height:2px;bottom:-5px;left:0;background:#0066cc;transition:width 0.3s}  
.links a:hover:before{width:100%}  
.copyright{color:#6699cc;font-size:0.9rem}  

/* === 浮动气泡装饰 === */  
body:before{content:"";position:fixed;width:200px;height:200px;border-radius:50%;background:rgba(0,204,255,0.1);top:10%;left:5%;z-index:-1}  
body:after{content:"";position:fixed;width:300px;height:300px;border-radius:50%;background:rgba(0,102,204,0.05);bottom:5%;right:10%;z-index:-1}