*{margin:0;padding:0;box-sizing:border-box;
font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Helvetica,sans-serif;}
body{
background:linear-gradient(135deg,#f0f4f9,#e2e9f3);
padding:20px;min-height:100vh;
}
/*Mac磨砂卡片核心*/
.mac-card{
max-width:1280px;margin:0 auto;padding:30px;
background:rgba(255,255,255,0.6);
backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
border:1px solid rgba(255,255,255,0.8);
border-radius:18px;box-shadow:0 8px 32px rgba(0,0,0,0.07);
}
h2,h3{color:#1d1d1f;margin-bottom:20px;font-weight:600;}
input,select{width:100%;padding:13px 16px;margin:10px 0;
border-radius:12px;border:1px solid rgba(0,0,0,0.1);
background:rgba(255,255,255,0.7);outline:none;font-size:14px;transition:0.2s;}
input:focus{border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,0.15);}
button{padding:12px 24px;border-radius:12px;border:none;background:#007aff;
color:#fff;font-size:14px;cursor:pointer;transition:0.2s;margin:8px 0;}
button:hover{background:#0066dd;transform:translateY(-2px);}
.btn-gray{background:#86868b;}
table{width:100%;border-collapse:collapse;margin:20px 0;}
th,td{padding:14px;border:1px solid rgba(0,0,0,0.06);background:rgba(255,255,255,0.55);text-align:center;}
canvas{border:1px solid rgba(0,0,0,0.1);border-radius:12px;background:#fff;margin:10px 0;}
.tip{color:#ff3b30;margin:12px 0;}
.success{color:#34c759;margin:12px 0;}