@charset "UTF-8";.approval-tips{margin:25px 0;padding:24px 24px 22px;background:radial-gradient(circle at top left,#fdf7e6 0,#f5f7fb 40%,#eef3ff 100%);border-radius:18px;border:1px solid #e5e7eb;box-shadow:0 10px 30px rgba(15,23,42,0.06);color:#111827}.approval-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.approval-icon{width:32px;height:32px;border-radius:10px;background:#22c55e;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(34,197,94,0.35)}.approval-icon span{color:#fff;font-size:18px;font-weight:700}.approval-header h2{margin:0;font-size:20px;font-weight:700;color:#0f172a}.approval-subtitle{font-size:13px;color:#6b7280;margin-bottom:16px}.approval-grid{display:grid;grid-template-columns:2.2fr 1.8fr;gap:18px}.approval-list{display:grid;gap:8px}.tip-item{display:grid;grid-template-columns:22px 1fr;gap:8px;padding:8px 10px;background:rgba(255,255,255,0.9);border-radius:10px;border:1px solid #e5e7eb}.tip-marker{display:flex;align-items:flex-start;justify-content:center;padding-top:1px}.tip-marker span{width:18px;height:18px;border-radius:999px;background:#22c55e;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;font-weight:700}.tip-text strong{font-size:13px;color:#111827}.tip-text p{margin:1px 0 0;font-size:12px;color:#6b7280}.approval-side{display:flex;flex-direction:column;gap:10px}.approval-box{padding:10px 11px;border-radius:12px;background:#111827;color:#f9fafb;font-size:11.5px;line-height:1.5;position:relative;overflow:hidden}.approval-box::before{content:"";position:absolute;inset:-40%;opacity:0.06;background:radial-gradient(circle at top left,#38bdf8 0,transparent 60%),radial-gradient(circle at bottom right,#22c55e 0,transparent 60%)}.approval-box h3{margin:0 0 4px;font-size:13px;font-weight:600;color:#bfdbfe}.approval-box ul{margin:0;padding-left:13px}.approval-box li{margin:1px 0}.approval-note{padding:8px 10px;border-radius:10px;background:rgba(255,251,235,0.9);border:1px dashed #facc15;font-size:11px;color:#92400e}.approval-note span{font-weight:600}@media (max-width:768px){.approval-tips{padding:18px 14px 16px}.approval-grid{grid-template-columns:1fr}}
