body{margin:0;padding:0;background:linear-gradient(180deg,#fffcf8,#f5efe6)}.phone-shell{min-height:100vh;margin:0 auto;background:#f5efe6;position:relative;overflow-x:hidden}@media (min-width:769px){.phone-shell{max-width:1200px;box-shadow:0 0 16px rgba(169,116,91,.12)}}@media (max-width:768px){.phone-shell{max-width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5efe6;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-size:14px}a,body{color:#3e2723}a{text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:32px 16px;flex-wrap:wrap}.pagination .page-num,.pagination button{min-width:36px;height:36px;padding:0 10px;border:1px solid #e4d5c3;background:#fffcf8;color:#8a6f5e;border-radius:12px;cursor:pointer;font-size:14px;transition:all .2s}.pagination .page-num:hover,.pagination button:hover{border-color:#a9745b;background:#f5efe6;color:#3e2723}.pagination .page-num.active,.pagination button.active{background:linear-gradient(135deg,#a9745b,#c8a27a);border-color:transparent;color:#fffcf8}.pagination .page-num:disabled,.pagination button:disabled{opacity:.45;cursor:not-allowed}.empty-box,.loading-box{text-align:center;padding:100px 20px;color:#b9a697;font-size:16px}.empty-box .icon,.loading-box .icon{font-size:48px;margin-bottom:15px;display:block;color:#c8a27a}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:18px;width:100%}@media(min-width:1100px){.video-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:750px){.video-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.video-card{border-radius:16px;overflow:hidden;cursor:pointer;transition:all .25s;background:#fffcf8;box-shadow:0 2px 12px rgba(169,116,91,.1)}.video-card:hover{transform:translateY(-4px)}.video-card:hover .video-card-title{color:#8b5e3c}.video-card .video-cover{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;border-radius:16px 16px 0 0;background:#ede3d6}.video-card .video-cover img,.video-card .video-cover video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.video-card .video-cover .cover-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f5efe6 25%,#ede3d6 50%,#f5efe6 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.video-card .video-card-title{margin:0;padding:10px 12px 12px;color:#3e2723;font-size:13px;line-height:1.5;max-height:52px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.novel-list a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #e4d5c3;padding:15px 0;color:#3e2723}.novel-list a:hover{color:#8b5e3c}.novel-list a span{color:#b9a697}