*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:#f2f3f5;color:#333;font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}header{height:80px;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.05)}.head-inner,.main-wrap,footer{width:min(1010px,calc(100% - 24px));margin:auto}.head-inner{display:flex;align-items:center;justify-content:space-between;height:80px}.brand{color:#e33d2d;font-size:34px;font-weight:700}.head-inner form{display:flex;width:220px;height:36px;border-radius:20px;background:#f0f1f1;overflow:hidden}.head-inner input{min-width:0;flex:1;padding:0 14px;border:0;background:transparent;outline:0}.head-inner button{width:72px;border:0;border-radius:20px;background:#ef8f8f;color:#fff}.engine-types{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.main-wrap{padding-top:16px}.site-title,.menu,.friends,.videos{margin-bottom:16px;border-radius:6px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08)}.site-title{padding:18px;color:#d7b878;font-size:36px;font-weight:700}.menu{display:flex;flex-wrap:wrap;align-items:center;padding:8px 12px;gap:0}.menu strong,.menu a{padding:8px 12px;font-weight:400}.menu strong{border:1px solid #f3c9c9;border-radius:4px;color:#ef9d9d}.friends{padding:8px 70px 70px}.friends h2{margin:0 0 10px;color:#4380c4;text-align:center;font-size:34px;font-weight:500}.friends>div{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.friends a{padding:18px 8px;border-radius:8px;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.1);font-weight:600;text-align:center}.friends a:last-child{grid-column:2/4}.videos{padding:18px 30px}.box-head{display:flex;align-items:center;justify-content:space-between}.box-head h1{font-size:18px}.box-head span{color:#e6a7a7}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pic{position:relative;display:block;aspect-ratio:16/9;border-radius:5px;overflow:hidden;background:#eee}.pic img{width:100%;height:100%;object-fit:cover}.pic>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);font-size:32px}.pic time{position:absolute;right:4px;bottom:2px;color:#fff;font-size:12px}.card-title{display:-webkit-box;height:38px;margin-top:5px;font-size:13px;line-height:19px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pages,.lines>div{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:18px 0}.pages a,.lines a{padding:7px 10px;border-radius:4px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}footer{margin-top:18px;padding:18px 20px 28px;background:#fff;text-align:center;line-height:1.7}footer p{margin:6px 0}.detail,.player,.lines{width:min(1010px,calc(100% - 24px));margin:18px auto;padding:18px;border-radius:6px;background:#fff}.detail{display:grid;grid-template-columns:260px 1fr;gap:20px}.detail>img{width:260px;aspect-ratio:3/4;object-fit:cover}.player-box{aspect-ratio:16/9;background:#000}.player-box iframe,.player-box video{width:100%!important;height:100%!important}@media(max-width:700px){header{height:62px}.head-inner{height:62px}.brand{font-size:21px}.head-inner form{width:135px;height:32px}.head-inner button{width:50px}.site-title{font-size:22px}.menu{padding:6px}.menu strong,.menu a{padding:7px 8px;font-size:13px}.friends{padding:8px 14px 28px}.friends h2{font-size:27px}.friends>div{grid-template-columns:repeat(2,1fr);gap:10px}.friends a:last-child{grid-column:1/3}.videos{padding:12px 10px}.box-head{display:block}.box-head span{font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.detail{grid-template-columns:105px 1fr;gap:10px}.detail>img{width:105px}}