*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:#0c0f1e;color:#edeff5;line-height:1.5;padding:16px 12px 30px;min-height:100vh}
.container{max-width:1200px;margin:0 auto;width:100%}
.back-btn-container{margin-bottom:24px;width:100%;}
.back-btn{display:inline-flex;align-items:center;gap:8px;background:rgba(28,37,62,0.8);border:1.5px solid #ffcf7a;color:#ffd88f;padding:10px 20px;border-radius:50px;font-weight:600;text-decoration:none;transition:all 0.2s ease;}
.back-btn:hover{background:#ffcf7a20;border-color:#ffbc4a;color:#ffe6b3;transform:translateX(-3px);}
.back-btn i{font-size:1.1rem;}
.page-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#f6e7b0,#f5c45e);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:30px;text-align:center;letter-spacing:1px;}
.contact-container{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px;margin-bottom:40px;}
.contact-card{background:linear-gradient(105deg,#1e2640,#151e32);border-radius:28px;padding:24px;border:1px solid rgba(255,210,100,.25);box-shadow:0 10px 20px -5px rgba(0,0,0,.5);transition:all 0.2s ease;}
.contact-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px -8px rgba(0,0,0,.7);border-color:rgba(255,210,100,.4);}
.contact-card h2{font-size:1.5rem;font-weight:700;color:#f5c45e;margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.contact-card h2 i{font-size:1.4rem;filter:drop-shadow(0 0 5px #f3b33d);}
.contact-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,0.05);}
.contact-item:last-child{border-bottom:none;}
.contact-icon{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#f5c45e;font-size:1.2rem;}
.contact-info{flex:1;}
.contact-info h3{font-size:1rem;font-weight:600;color:#edeff5;margin-bottom:4px;}
.contact-info p{font-size:0.95rem;color:#a1b5e6;word-break:break-all;}
.contact-info a{color:#f5c45e;text-decoration:none;transition:all 0.2s ease;}
.contact-info a:hover{color:#ffd88f;text-decoration:underline;}
.contact-tips{background:#1c253e;border-radius:28px;padding:20px;border:1px dashed #4f5e88;margin-bottom:30px;}
.contact-tips h3{font-size:1.2rem;font-weight:700;color:#f5c45e;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.contact-tips p{font-size:0.95rem;color:#b9cbff;line-height:1.6;}
@media(max-width:768px){
  .page-title{font-size:1.8rem;margin-bottom:24px;}
  .contact-card{padding:20px;}
  .contact-card h2{font-size:1.3rem;}
  .contact-item{padding:10px 0;}
  .contact-icon{width:36px;height:36px;font-size:1.1rem;}
}
@media(max-width:480px){
  .back-btn{padding:8px 16px;font-size:0.9rem;}
  .page-title{font-size:1.6rem;}
  .contact-container{grid-template-columns:1fr;gap:16px;}
  .contact-card{padding:16px;}
  .contact-tips{padding:16px;}
  .contact-tips p{font-size:0.9rem;}
}

.copy-toast{position:fixed;top:20px;right:20px;background:#27ae60;color:white;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.2);z-index:9999;display:none;}