*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f6fa;color:#222}.top{background:#111;color:#fff;padding:20px 0}.wrap{max-width:1180px;margin:0 auto;padding:0 18px}.brand{font-size:28px;font-weight:800;letter-spacing:.5px}.nav{margin-top:12px}.nav a{color:#fff;text-decoration:none;margin-right:18px}.hero{background:#151515;color:#fff;padding:70px 0;text-align:center}.hero h1{font-size:44px;margin:0 0 14px}.hero p{color:#ddd;font-size:18px}.searchbox{margin:28px auto 0;max-width:760px;background:#fff;border-radius:12px;padding:10px;display:flex;gap:8px}.searchbox input{flex:1;border:0;padding:16px;font-size:16px}.btn,button{background:#111;color:#fff;border:0;border-radius:8px;padding:13px 18px;cursor:pointer;text-decoration:none;display:inline-block}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:30px 0}.card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 8px 25px rgba(0,0,0,.06)}.card h3{margin-top:0}.muted{color:#666}.badge{display:inline-block;background:#eee;border-radius:20px;padding:5px 10px;font-size:13px;margin:3px}.detail{background:#fff;border-radius:16px;padding:30px;margin:30px 0;box-shadow:0 8px 25px rgba(0,0,0,.06)}.detail h1{margin-top:0;font-size:36px}.meta-row{padding:10px 0;border-bottom:1px solid #eee;word-break:break-word}.footer{margin-top:50px;background:#111;color:#ddd;padding:30px 0}.admin-body{background:#101010;color:#eee}.admin{max-width:1200px;margin:0 auto;padding:20px}.admin .panel{background:#181818;border:1px solid #333;border-radius:12px;padding:20px;margin:18px 0}.admin input,.admin textarea,.admin select{width:100%;padding:12px;border-radius:6px;border:1px solid #444;background:#0d0d0d;color:#fff;margin:6px 0 14px}.admin table{width:100%;border-collapse:collapse;background:#151515}.admin th,.admin td{border-bottom:1px solid #333;padding:10px;text-align:left;vertical-align:top}.admin a{color:#fff}.notice{background:#203820;border:1px solid #4c8a4c;padding:12px;border-radius:8px;margin:10px 0}.err{background:#3b1717;border:1px solid #933;padding:12px;border-radius:8px;margin:10px 0}.actions a{margin-right:8px}.logo{max-width:180px;border-radius:10px}.pagination a{padding:8px 11px;background:#fff;margin:3px;text-decoration:none;color:#111;border-radius:5px}.pagination strong{padding:8px 11px;background:#111;color:#fff;margin:3px;border-radius:5px}@media(max-width:700px){.searchbox{display:block}.searchbox input{width:100%;margin-bottom:8px}.hero h1{font-size:32px}}