*{box-sizing:border-box}body{color:#343a40;background:radial-gradient(at 50% 150%,#00a5cc 0%,#206b99 10%,#216888 35%,#031b31 70%,#000 100%);height:100vh;margin:0;font:16px Arial,Microsoft JhengHei,sans-serif;overflow:hidden}button,input,select{font:inherit}button,.button{cursor:pointer;color:inherit;background:#f5f5f5;border:1px solid #0000;border-radius:10px;padding:10px 14px;text-decoration:none}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #9ccbff}input,select{color:inherit;background:#fff;border:1px solid #ccd3d8;border-radius:10px;padding:10px}input[type=checkbox],input[type=radio]{accent-color:#007bff;cursor:pointer;width:16px;height:16px}a{color:#007bff}nav{z-index:5;background:#343a40;justify-content:space-between;align-items:center;height:58px;padding:12px 16px;display:flex;position:relative}.logo{width:150px;height:32px}.nav-right{align-items:center;gap:16px;display:flex}.nav-right>a,.language{color:#959a9f;text-decoration:none}.language select{color:#959a9f;background:0 0;border:0;width:24px;padding:0}.nav-right summary{cursor:pointer;list-style:none}.nav-right summary img{width:28px}.profile{background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:center;gap:10px;width:270px;padding:18px;display:flex;position:absolute;top:52px;right:12px;box-shadow:0 4px 16px #0005}.profile img{width:234px}.profile p{text-align:center;width:100%}.stars{object-fit:cover;pointer-events:none;width:100%;height:calc(100% - 58px);position:absolute;top:58px;left:0}h1{text-align:center;color:#fff;margin:16px 0 8px;font-size:32px;font-weight:200;line-height:56px;position:relative}main{z-index:2;background:#fff;border-radius:10px;width:min(1000px,100% - 40px);height:calc(100vh - 160px);margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 10px #0005}aside{background:#f7f7f7;flex-direction:column;flex-shrink:0;gap:8px;width:97px;padding:24px 16px;display:flex}aside button{color:#307dff;background:0 0;padding:18px 10px}aside .active{color:#fff;background:#307dff}.content{flex-direction:column;flex:1;min-width:0;padding:24px 16px 18px 24px;display:flex}.toolbar{align-items:center;gap:4px;margin-bottom:16px;display:flex}.primary{color:#fff;background:#307dff}.danger{color:#a73741;background:#f8d7da}.toolbar .danger{color:#fff;background:#ee8c98}.search{text-align:center;border-radius:40px;width:30%;min-width:140px;margin-left:auto;padding:9px}.table-scroll{flex:1;overflow:auto}table{border-collapse:collapse;text-align:center;width:100%}th{cursor:pointer;border-top:1px solid #dee2e6;border-bottom:3px solid #dee2e6;height:50px}td{border-bottom:1px solid #dee2e6;height:76px;padding:8px}tbody tr{cursor:pointer}tbody tr:hover{background:#f8faff}th:first-child,td:first-child{width:35px}th:nth-child(2){width:90px}.sort{float:right;color:#b5b5b5;margin-right:8px;font-size:10px;transform:scaleY(1.6)}.thumb{object-fit:cover;border-radius:10px;width:56px;height:56px;margin:auto;display:block}.placeholder{color:#8d9ba8;background:#edf2f5;justify-content:center;align-items:center;font-size:26px;display:flex}.muted{color:#808990}small{color:#808990;display:block}.pagination{justify-content:center;gap:5px;margin-top:16px;display:flex}.pagination button{color:#808990;background:#fff;border:1px solid #dee2e6;border-radius:50%;width:34px;height:34px;padding:0}.pagination .current{color:#fff;background:#007bff;border-color:#007bff}.empty{text-align:center;color:#808990;padding:45px}.monster{pointer-events:none;transform-origin:50%;z-index:1;width:200px;position:absolute}.green{z-index:3;bottom:0;left:calc(50% - 620px);transform:rotate(-20deg)}.red{bottom:120px;left:calc(50% - 650px);transform:rotate(-30deg)}.yellow{z-index:3;bottom:0;right:calc(50% - 620px);transform:rotate(20deg)}.blue{bottom:120px;right:calc(50% - 650px);transform:rotate(30deg)}dialog{color:#343a40;border:0;border-radius:10px;width:min(800px,100% - 32px);max-height:84vh;margin:8vh auto 0;padding:0;box-shadow:0 20px 20px #0005}dialog::backdrop{background:#000b}dialog header{border-bottom:1px solid #dee2e6;align-items:center;padding:18px;display:flex}dialog h2{text-align:center;flex:1;margin:0;font-size:24px;font-weight:400}dialog .x{color:#777;background:0 0;padding:0;font-size:36px;line-height:24px}.modal-body{text-align:center;max-height:calc(84vh - 145px);padding:20px;overflow:auto}.modal-body>label{max-width:480px;margin:10px auto 22px;display:block}.modal-body>label>input,.modal-body>label>select{text-align:center;width:100%;margin-top:12px;display:block}dialog footer{border-top:1px solid #dee2e6;justify-content:center;gap:8px;padding:14px;display:flex}.methods{flex-wrap:wrap;justify-content:space-around;gap:14px;margin:28px 0;display:flex}.methods button{color:#007bff;background:#fff;border:1px solid #007bff;width:140px;min-height:82px}.methods strong{margin-bottom:8px;font-size:26px;font-weight:400;display:block}.class-picker{flex-direction:column;gap:8px;max-height:280px;margin:12px auto;display:flex;overflow:auto}.choice{text-align:left;border-bottom:1px solid #eee;align-items:center;gap:12px;padding:10px;display:flex}.inline{justify-content:center;align-items:center;gap:10px;margin:14px 0;display:flex}.camera-preview{background:#000;border-radius:10px;width:480px;max-width:100%;max-height:300px}.upload-zone{border:2px dashed #ccd3d8;padding:35px}.submit-source{margin-top:20px}.photo-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.photo-grid>div{position:relative}.photo-grid img{object-fit:cover;border-radius:8px;width:100%;height:100px}.photo-grid button{background:#fff;padding:2px 6px;position:absolute;top:0;right:0}.advanced{color:#808990;margin:16px 0}.advanced label{justify-content:center;align-items:center;gap:10px;margin:10px;display:flex}.advanced input{width:120px}.prediction{font-size:24px}.toast{z-index:20;background:#fff;border-left:5px solid #307dff;border-radius:8px;max-width:400px;padding:18px;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 20px #0004}.toast.error{border-color:#d85366}.toast button{float:right;background:0 0;padding:0 8px}@media (max-width:1280px){.monster{width:150px}.green{left:calc(50% - 600px)}.red{bottom:90px;left:calc(50% - 620px)}.yellow{right:calc(50% - 600px)}.blue{bottom:90px;right:calc(50% - 620px)}}@media (max-width:600px){nav{height:52px}.logo{width:120px}.nav-right{gap:10px;font-size:13px}h1{margin:10px 0;font-size:25px;line-height:44px}main{width:calc(100% - 20px);height:calc(100vh - 124px)}aside{width:65px;padding:16px 6px}.content{padding:16px 10px}.toolbar{gap:4px}.toolbar button{padding:8px}.search{width:40%;min-width:90px}th,td{padding:6px;font-size:13px}.thumb{width:42px;height:42px}.monster{display:none}.methods button{width:120px}.photo-grid{grid-template-columns:repeat(3,1fr)}aside button{overflow-wrap:anywhere;padding:14px 0;font-size:12px}}.failure-detail{color:#a73741;white-space:normal;max-width:230px;margin-top:4px}@media (max-width:600px){table thead{display:none}table tbody tr{border-bottom:1px solid #dee2e6;padding:6px 0 6px 28px;display:block;position:relative}table td{text-align:left;border:0;flex-wrap:wrap;align-items:center;gap:8px;width:auto;height:auto;padding:6px 0;display:flex}table td:before{content:attr(data-label);flex-shrink:0;width:38%;font-weight:700}table td:first-child{width:25px;position:absolute;top:9px;left:0}table td:first-child:before{display:none}table td:nth-child(2){width:auto}.thumb{margin:0}.failure-detail{width:62%;max-width:none;margin-left:38%}.content .table-scroll{overflow-x:hidden}}