.askpage{max-width:680px;margin:40px auto;padding:0 20px;position:relative;z-index:1}
.askpage h1{font-size:26px;color:var(--txt);margin-bottom:8px}
.askpage h1 span{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.askpage .sub{color:var(--txt-2);font-size:14px;margin-bottom:26px}
.form-card{background:var(--card-grad);border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:var(--shadow)}
.form-card label{display:block;color:var(--txt-2);font-size:13px;font-weight:700;margin-bottom:8px}
.form-card textarea{width:100%;background:var(--bg);border:2px solid #2a3350;color:var(--txt);border-radius:10px;padding:14px;font-size:15px;resize:vertical;min-height:110px;font-family:inherit;transition:border .2s}
.form-card textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px rgba(212,160,23,.15)}
.form-card select{width:100%;background:var(--bg);border:2px solid #2a3350;color:var(--txt);border-radius:10px;padding:12px;font-size:14px;margin-top:6px}
.form-card select:focus{border-color:var(--gold);outline:none}
.form-card .btn{width:100%;margin-top:22px;background:var(--gold-grad);color:#14171f;border:none;border-radius:10px;padding:14px;font-size:16px;font-weight:800;cursor:pointer;box-shadow:0 4px 18px rgba(212,160,23,.35);transition:all .3s}
.form-card .btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(212,160,23,.5)}
.tips{margin-top:20px;background:var(--card-grad);border:1px solid var(--line);border-radius:14px;padding:22px}
.tips h3{color:var(--gold-2);font-size:15px;margin-bottom:10px}
.tips ul{color:var(--txt-2);font-size:13px;line-height:1.9;padding-left:18px;margin:0}
.tips li::marker{color:var(--gold-2)}
.alert-err{background:#3a1717;border:1px solid #a33;color:#ff8a8a;border-radius:10px;padding:14px;margin-bottom:16px}
@media(max-width:640px){.form-card select{font-size:16px}}