body{background-color:var(--glb-body-background);color:var(--glb-body-color);margin:0;padding:0;font-family:Arial,sans-serif;font-size:16px}:root{--glb-body-background:#f4f4f4;--glb-body-color:#333;--glb-main-background:#fff;--glb-panel-background:#f7f7f7;--glb-tab-background:#e6ebf0;--glb-notice-success-background:#f0f9eb;--glb-notice-success-color:#67c23a;--glb-notice-warn-background:#fdf6ec;--glb-notice-warn-color:#e6a23c}@media (prefers-color-scheme:dark){:root{--glb-body-background:#1e1e1e;--glb-body-color:#f4f4f4;--glb-main-background:#2e2e2e;--glb-panel-background:#3a3a3a;--glb-tab-background:#4a4a4a;--glb-notice-success-background:#1f2d1f;--glb-notice-success-color:#67c23a;--glb-notice-warn-background:#2f1f1f;--glb-notice-warn-color:#e6a23c}}.container-box{_width:80%;box-sizing:border-box;justify-content:space-between;align-items:start;gap:20px;max-width:1400px;margin-left:auto;margin-right:auto;padding:0 20px;display:flex}.nav{box-sizing:border-box;flex-direction:column;justify-content:start;align-items:center;width:200px;height:100vh;display:flex;position:sticky;top:0}.nav .logo-box{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;margin:20px 0 40px;display:flex}.nav .logo-box .logo{width:160px;height:160px}.nav .logo-box .title{color:inherit;font-size:18px;font-weight:600;text-decoration:none}.nav .nav-box{flex-direction:column;gap:10px;width:100%;display:flex}.nav .nav-box .nav-item{color:inherit;gap:40px;padding:15px 0 15px 15px;text-decoration:none;display:flex}.nav .nav-box .nav-item.active,.nav .nav-box .nav-item:hover{color:#679ed2;background:var(--glb-tab-background);border-radius:3px;font-weight:600}.nav .nav-box .nav-item svg{width:20px;height:20px;color:inherit}.nav .nav-box .nav-item span{font-size:14px}.main{background-color:var(--glb-main-background);box-sizing:border-box;border-radius:8px;flex:1;width:100%;min-height:calc(100vh - 40px);margin:20px 0;padding:20px;overflow-x:hidden}.main .flex-box{justify-content:space-between;align-items:stretch;gap:20px;width:100%;margin-bottom:20px;display:flex}.main .flex-box .box-cell{flex:1 1 0;min-width:0;margin-bottom:0}.main .box-cell{background-color:var(--glb-panel-background);border-radius:8px;margin-bottom:20px;padding:50px 20px 20px;position:relative}.main .box-cell .title{color:#fff;background:#679ed2;border-radius:4px;padding:5px 10px;font-size:14px;font-weight:600;line-height:20px;position:absolute;top:20px;left:20px}.main .box-cell .sub{text-align:right;opacity:.8;border-radius:4px;padding:5px 10px;font-size:14px;line-height:20px;position:absolute;top:20px;right:20px}.main .box-cell .games{grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin:20px 0;display:grid}@media screen and (max-width:1250px){.main .box-cell .games{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:1050px){.main .box-cell .games{grid-template-columns:1fr 1fr}}@media screen and (max-width:950px){.main .flex-box{flex-direction:column}.main .box-cell .games{grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (max-width:500px){.main .box-cell .games{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:400px){.main .box-cell .games{grid-template-columns:1fr 1fr}}.main .box-cell .games .game{text-align:center;background:#fff;border-radius:8px;padding:10px 0}.main .box-cell .games .game .game-icon{width:80px;height:80px}.main .box-cell .games .game .game-title{margin-top:5px;font-size:14px;font-weight:600;line-height:20px}.main .box-cell .btn-row{grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;display:grid}@media screen and (max-width:950px){.main .box-cell .btn-row{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:900px){.main .box-cell .btn-row{grid-template-columns:1fr 1fr}}@media screen and (max-width:750px){.main .box-cell .btn-row{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:550px){.main .box-cell .btn-row{grid-template-columns:1fr 1fr}}.main .box-cell .button{background:var(--glb-main-background);text-align:center;color:inherit;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;text-decoration:none;display:flex;position:relative}.main .box-cell .button:before{content:"";background:#679ed2;border-radius:3px;width:40px;height:3px;display:block;position:absolute;top:5px;left:auto;right:auto}.main .box-cell .button .goto-title{font-size:18px;font-weight:600;line-height:30px}.main .box-cell .button .desp{opacity:.7;font-size:16px;line-height:25px}.main .notice{border-radius:8px;margin-bottom:20px;padding:10px 20px;font-size:16px;line-height:30px}.main .notice.success{background-color:var(--glb-notice-success-background);color:var(--glb-notice-success-color)}.main .notice.warn{background-color:var(--glb-notice-warn-background);color:var(--glb-notice-warn-color)}.foodlist{gap:10px;margin-bottom:20px;display:grid}.main .foodlist .food-cell{background:var(--glb-panel-background);border:1px solid var(--glb-panel-background);border-radius:8px;padding:15px;position:relative}.main .foodlist .food-cell.v1{background:#abadaeaa;border:#9a9d9f}.main .foodlist .food-cell.v2{background:#9db2acaa;border:#7da79b}.main .foodlist .food-cell.v3{background:#a0afbdaa;border:#84abbe}.main .foodlist .food-cell.v4{background:#ada5beaa;border:#9d83c0}.main .foodlist .food-cell.v5{background:#cdb090aa;border:#ca9964}.main .foodlist .food-cell-wrap{position:relative}.main .foodlist .food-cell .finished{color:#fff;text-align:center;background:#679ed2cc;width:100%;padding:10px 0;font-size:16px;font-weight:600;line-height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main .foodlist .food-cell .food-info .food-icon{width:80px;height:80px}.main .foodlist .food-cell .food-info{text-align:center;width:80px}.main .foodlist .food-cell .meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;display:flex}.main .foodlist .food-cell .meta .meta-item-info{justify-content:start;align-items:center;gap:10px;display:flex}.main .foodlist .food-cell .meta .country{color:#fff;border-radius:3px;padding:0 10px}.main .foodlist .food-cell .meta .special{color:#fff;background:#ff5733;border-radius:3px;padding:0 10px}.main .foodlist .food-cell .meta .activity{color:#fff;background:#33c1ff;border-radius:3px;padding:0 10px}.main .foodlist .food-cell .meta .tag{opacity:.8;margin-left:auto}.main .foodlist .food-cell .food{justify-content:space-between;align-items:stretch;gap:15px;height:80px;display:flex}.main .foodlist .food-cell .food .detail{background:#fff6;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:5px 10px;font-size:14px;display:flex;overflow:auto}.main .foodlist .food-cell .food .detail-info{flex:1}.main .foodlist .food-cell .food .detail p{margin:5px 0}.main .foodlist .food-cell .food .detail p.title{justify-content:start;align-items:center;gap:5px;font-size:16px;font-weight:bolder;display:flex}.main .foodlist .food-cell .food .detail p.title .version{opacity:.8;font-weight:400;transform:scale(.8)}.main .foodlist .food-cell .food .detail .finish{overflow:visible;width:75px!important}.c-蒙德{background:#74c2a8}.c-璃月{background:#fab632}.c-稻妻{background:#af8ec1}.c-须弥{background:#a5c83b}.c-枫丹{background:#4cc2f1}.c-纳塔{background:#ef7938}.c-挪德卡莱{background:#f0f0f0;color:#000!important}.c-至冬{background:#9fd6e3}.c-星空之外{background:#483d8b}.selector-box{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.selector-box .selector{flex:1;gap:5px;line-height:30px;display:flex;overflow:auto}.selector-box input[type=text],.selector-box select{box-sizing:border-box;border:1px solid #ccc;border-radius:3px;max-width:160px;height:30px;padding:5px 10px;font-size:14px;line-height:20px}.selector-box label{white-space:nowrap}.selector-box .selector-btns{justify-content:space-between;align-items:center;gap:10px;display:flex}.selector-box .selector-btns .search-btn{color:#fff;cursor:pointer;background-color:#679ed2;border:none;border-radius:3px;padding:5px 15px;font-size:14px;line-height:20px}.navigator{background-color:var(--glb-panel-background);border-radius:8px;margin-bottom:20px;padding:20px}.ant-modal-body .food-detail div{margin:10px 0}@media screen and (max-width:750px){.container-box{flex-direction:column-reverse;padding:0}.nav{top:unset;z-index:114514;background:var(--glb-body-background);width:100%;height:80px;padding:7.5px 0;position:fixed;bottom:0}.nav .logo-box{display:none}.nav .nav-box{grid-template-columns:1fr 1fr;justify-content:space-around;display:grid}.nav .nav-box .nav-item{flex-direction:column;align-items:center;gap:10px;padding:10px 0}.nav .nav-box .nav-item span{line-height:15px}.main{border-radius:unset;margin:0 0 80px}}