*,*::before,*::after{padding:0;margin:0;box-sizing:border-box;}
html{font-size:16px;-webkit-font-smoothing:antialiased;}
body{min-height:100vh;background:linear-gradient(-225deg,#231557 0%,#43107a 29%,#ff1361 100%);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#fff;line-height:1.6;overflow-y:auto;}
.message-container{width:90%;max-width:800px;margin:0 auto;padding:80px 20px 40px;}
.back-btn{position:fixed;top:20px;left:20px;z-index:100;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,0.9);text-decoration:none;padding:12px 20px;border-radius:10px;background:rgba(67,56,202,0.7);backdrop-filter:blur(10px);transition:all 0.3s ease;font-size:14px;}
.back-btn:hover{background:rgba(67,56,202,0.9);transform:translateY(-2px);}
.back-btn i{font-size:18px;}
h1{font-size:42px;text-align:center;margin-bottom:8px;text-shadow:0 2px 20px rgba(255,19,97,0.4);}
.subtitle{font-size:16px;text-align:center;color:rgba(255,255,255,0.7);margin-bottom:30px;}
.message-board{width:100%;background:rgba(49,46,129,0.6);backdrop-filter:blur(20px);border-radius:16px;padding:25px;border:1px solid rgba(255,255,255,0.08);}
.message-form{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,0.1);}
.form-row{margin-bottom:15px;position:relative;}
.form-row input,.form-row textarea{width:100%;padding:14px 16px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);border-radius:10px;color:#fff;font-size:15px;font-family:inherit;transition:all 0.3s ease;}
.form-row input::placeholder,.form-row textarea::placeholder{color:rgba(255,255,255,0.45);}
.form-row input:focus,.form-row textarea:focus{outline:none;border-color:rgb(140,120,240);background:rgba(255,255,255,0.12);}
.form-row textarea{min-height:100px;max-height:200px;resize:vertical;}
.char-count{position:absolute;right:12px;bottom:8px;font-size:12px;color:rgba(255,255,255,0.4);}
.submit-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,rgb(67,56,202),rgb(99,102,241));color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all 0.3s ease;}
.submit-btn:hover{transform:translateY(-2px);}
.message-list{display:flex;flex-direction:column;gap:16px;}
.message-item{display:flex;gap:14px;padding:18px;background:rgba(255,255,255,0.05);border-radius:12px;}
.message-item:hover{background:rgba(255,255,255,0.08);}
.message-avatar img{width:48px;height:48px;border-radius:50%;border:2px solid rgba(140,120,240,0.3);}
.message-content{flex:1;}
.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-wrap:wrap;gap:8px;}
.username{font-weight:600;color:rgb(140,120,240);font-size:15px;}
.time{font-size:12px;color:rgba(255,255,255,0.45);}
.message-text{color:rgba(255,255,255,0.85);line-height:1.65;font-size:14px;}
.halo-notice{margin-top:25px;padding:18px;background:rgba(255,19,97,0.1);border:1px solid rgba(255,19,97,0.2);border-radius:12px;text-align:center;}
.halo-notice i{font-size:28px;color:rgb(140,120,240);margin-bottom:8px;display:block;}
.halo-notice p{color:rgba(255,255,255,0.75);margin-bottom:4px;font-size:14px;}
.halo-notice .hint{font-size:12px;color:rgba(255,255,255,0.5);}
@media(max-width:600px){.message-container{padding:70px 15px 30px;}h1{font-size:28px;}.message-board{padding:18px;}.submit-btn{width:100%;}}