*{box-sizing:border-box} body{font-family:Microsoft YaHei,sans-serif;margin:0;min-height:100vh;display:flex;flex-direction:column;background:#f5f5f5} .site-header{background:#1b1b3a;color:#fff;padding:.6rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem} .site-header a{color:#c5cae9;text-decoration:none} .site-header a:hover{text-decoration:underline} .site-main{flex:1;padding:1rem;max-width:900px;margin:0 auto;width:100%} .flash{padding:.5rem 1rem;border-radius:6px} .flash.success{background:#c8e6c9;color:#1b5e20} .flash.error{background:#ffcdd2;color:#b71c1c} .panel{background:#fff;padding:.75rem 1rem;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08);margin:.75rem 0 1rem} .form label{display:block;margin-top:.5rem} .form input{padding:.4rem;width:100%;max-width:320px} .form button{margin-top:.75rem;padding:.4rem 1rem;cursor:pointer;background:#1b1b3a;color:#fff;border:none;border-radius:6px} .form-inline{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap} .table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)} .table th,.table td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid #e0e0e0} .table th{background:#1b1b3a;color:#fff} .muted{color:#666;font-size:.9rem} .pill{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:rgba(197,202,233,.2);border:1px solid rgba(197,202,233,.6);color:#c5cae9}