*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#25262a;font-family:Roboto,Arial,sans-serif}.demo{height:35px;background:#20242a;color:#bfc3ca;padding:9px calc((100% - 1180px)/2);font-size:11px;letter-spacing:.3px}.demo span{margin-left:10px;color:#747a84}.demo a{float:right;color:#f08d70;text-decoration:none}.head{max-width:1180px;margin:auto;height:78px;display:flex;align-items:center;gap:28px}.brand{font-size:25px;text-decoration:none;color:#24262b;letter-spacing:-1px}.brand b{color:#ed8868}.brand strong{font-weight:800}.hamb{display:none;border:0;background:none;font-size:21px}form{display:flex;flex:1 1;max-width:510px}form input{width:100%;border:1px solid #e0e2e6;border-right:0;border-radius:4px 0 0 4px;padding:12px 16px;font-size:13px;background:#fff}form button{width:48px;border:0;background:#ed8868;color:#fff;border-radius:0 4px 4px 0;font-size:20px}.user{margin-left:auto;font-size:13px;color:#777}nav{height:49px;background:#292d34;display:flex;align-items:center;gap:28px;padding:0 max(calc((100% - 1180px)/2),20px)}nav a{color:#d9dce0;text-decoration:none;font-size:13px}nav a:first-child{color:#ef9273}nav span{flex:1 1}nav select{background:#363b43;color:#ddd;border:1px solid #555;padding:6px;border-radius:3px;font-size:12px}main{max-width:1180px;margin:28px auto}.title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1e3e7;margin-bottom:18px}.title h2{font-size:19px;font-weight:500;margin:0 0 13px}.title a{color:#ee8c70;font-size:12px;text-decoration:none}.watchgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:14px;gap:14px}.card,.feature{min-width:0}.bigpic,.pic{position:relative;height:150px;border-radius:4px;overflow:hidden;background:linear-gradient(135deg,#526275,#c37c68)}.bigpic{height:260px;background:linear-gradient(135deg,#3d5461,#d48b6c)}.bigpic:before,.pic:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 30%,#e7ae91aa,transparent 35%),linear-gradient(160deg,transparent 35%,#10151b99)}.p1{background:linear-gradient(135deg,#263f4d,#b96d5d)}.p2{background:linear-gradient(135deg,#675466,#d39a7b)}.p3{background:linear-gradient(135deg,#9c705a,#253646)}.p4{background:linear-gradient(135deg,#273d4e,#c87962)}.p5{background:linear-gradient(135deg,#665058,#c58a70)}.p6{background:linear-gradient(135deg,#435c63,#b7695b)}.p7{background:linear-gradient(135deg,#846253,#282d3d)}.bigpic i,.pic i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:#ffffffd9;color:#e68165;text-align:center;padding:10px 0 0 3px;font-style:normal}.bigpic label{top:12px;left:12px;background:#ed8868;font-size:9px;padding:5px 8px;border-radius:2px}.bigpic label,.pic span{position:absolute;color:#fff}.pic span{right:8px;bottom:7px;background:#20242bbb;font-size:10px;padding:3px 5px}.card h3,.feature h3{font-size:13px;font-weight:500;margin:10px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card p,.feature p{font-size:11px;color:#92969d;margin:0}.card p span{color:#ed8868}.layout{display:grid;grid-template-columns:1fr 250px;grid-gap:35px;gap:35px;margin-top:40px}.videos{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px 14px;gap:20px 14px}aside{background:#fff;border:1px solid #e6e7e9;border-radius:4px;padding:18px;height:max-content}aside h3{font-size:16px;font-weight:500;margin:0 0 13px;padding-bottom:13px;border-bottom:1px solid #eee}aside a{display:block;padding:10px 0;border-bottom:1px solid #f0f0f0;color:#555;font-size:13px}aside b{float:right;color:#aaa;font-size:10px;font-weight:400}.notice{margin-top:20px;background:#fff0ea;color:#d8785e;text-align:center;padding:18px;font-size:12px;line-height:1.7}.notice strong{font-size:18px}footer{background:#292d34;color:#858b93;text-align:center;padding:30px;font-size:11px;margin-top:45px}@media(max-width:750px){.demo{padding:9px 15px}.head{padding:0 15px;gap:12px}.hamb{display:block}.user{font-size:0}.user:first-letter{font-size:20px}nav{padding:0 15px;gap:15px;overflow:hidden}nav a:nth-child(n+4){display:none}main{margin:20px 15px}.watchgrid{grid-template-columns:1fr 1fr}.feature{grid-column:span 2}.bigpic{height:210px}.layout{display:block}.videos{grid-template-columns:1fr 1fr}aside{margin-top:30px}.title h2{font-size:17px}}.theme{margin:0;background:transparent;border:1px solid #555;color:#bbb;padding:6px 9px;border-radius:3px;font-size:11px;cursor:pointer}.light{min-height:100vh;background:#f5f6f8}.light .demo{color:#555}.light .demo,.light nav{background:#fff;border-bottom:1px solid #ddd}.light nav a{color:#555}.light nav a:first-child{color:#e0785c}.light .brand{color:#25262a}.light form input{background:#fff}.light .card h3,.light .feature h3{color:#25262a}.detail{background:#fff;padding:22px;border:1px solid #e4e5e8}.playerbox{height:430px;background:linear-gradient(135deg,#202a35,#8b554a);display:flex;align-items:center;justify-content:center;color:#fff;position:relative}.playerbox span{font-size:42px;border:2px solid #fff;border-radius:50%;padding:12px 18px}.playerbox small{position:absolute;left:15px;top:15px;letter-spacing:2px}.detail h1{font-size:25px;font-weight:500}.download{display:inline-block;margin:18px;color:#e67f62;text-decoration:none}.detail button{border:0;background:#e88668;color:#fff;padding:12px 18px;border-radius:3px}@media(max-width:700px){.playerbox{height:230px}}.pagination{display:flex;justify-content:center;align-items:center;gap:28px;margin:30px 0}.pagination a{color:#e88668;text-decoration:none}.pagination b{color:#777;font-size:13px}.pagination span{width:70px}