:root{
    --cream:#fdf6e3;
    --cream-deep:#f6eccf;
    --ink:#1a1a1a;
    --pink:#ff8fb1;
    --pink-deep:#ff6f9c;
    --yellow:#ffe066;
    --mint:#8fe3c8;
    --lav:#c9b8ff;
    --orange:#ffb057;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  body{
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    background-color:var(--cream);
    background-image:
      radial-gradient(circle at 20% 30%, rgba(255,224,102,.25) 0, transparent 40%),
      radial-gradient(circle at 80% 70%, rgba(255,143,177,.18) 0, transparent 45%),
      repeating-linear-gradient(0deg, rgba(0,0,0,.025) 0 1px, transparent 1px 26px);
    color:var(--ink);
    line-height:1.7;
    overflow-x:hidden;
  }
  img{display:block;max-width:100%;}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 18px;}

  /* 顶部公告条 */
  .notice{
    height:40px;display:flex;align-items:center;overflow:hidden;
    background:linear-gradient(90deg,var(--pink-deep),var(--orange),var(--pink));
    color:#fff;font-size:13px;position:relative;
  }
  .notice-track{display:flex;white-space:nowrap;animation:marquee 22s linear infinite;padding-left:100%;}
  .notice-track span{padding-right:60px;}
  @keyframes marquee{to{transform:translateX(-100%);}}
  .notice-close{
    position:absolute;right:8px;top:50%;transform:translateY(-50%);
    background:rgba(0,0,0,.25);border:2px solid #000;color:#fff;
    width:22px;height:22px;border-radius:50%;line-height:16px;font-size:13px;cursor:pointer;
  }

  /* 导航 */
  .site-header{position:sticky;top:0;z-index:50;background:rgba(253,246,227,.95);backdrop-filter:blur(6px);border-bottom:3px solid var(--ink);}
  .nav{display:flex;align-items:center;gap:16px;padding:12px 0;flex-wrap:wrap;}
  .brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;letter-spacing:1px;}
  .brand img{height:34px;width:auto;border-radius:8px;border:2px solid var(--ink);background:#fff;}
  .brand-name{
    font-family:"Kaiti SC","STKaiti","KaiTi",serif;
    font-weight:900;font-size:22px;
    text-shadow:2px 2px 0 var(--pink);
  }
  .search{position:relative;flex:1;min-width:200px;max-width:420px;}
  .search input{
    width:100%;border:3px solid var(--ink);border-radius:999px;
    padding:9px 16px 9px 40px;font-size:14px;background:#fff;
    box-shadow:3px 3px 0 var(--ink);outline:none;color:var(--ink);
  }
  .search input:focus{box-shadow:3px 3px 0 var(--pink-deep);}
  .search .glass{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:15px;}
  .search-drop{
    display:none;position:absolute;top:110%;left:0;right:0;background:#fff;
    border:3px solid var(--ink);border-radius:16px;box-shadow:5px 5px 0 var(--ink);
    padding:12px;z-index:60;font-size:13px;
  }
  .search:focus-within .search-drop{display:block;}
  .search-drop b{display:block;margin-bottom:6px;font-size:12px;color:#777;}
  .tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
  .tag-row span{background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;font-size:12px;}
  .search-drop .hist{color:#888;font-size:12px;}
  .nav-links{display:flex;gap:18px;font-size:14px;font-weight:700;}
  .btn-dl{
    background:var(--pink);color:#fff;border:3px solid var(--ink);border-radius:12px;
    padding:8px 18px;font-weight:900;box-shadow:4px 4px 0 var(--ink);
    transition:transform .15s,box-shadow .15s;white-space:nowrap;display:inline-block;
  }
  .btn-dl:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);}

  /* 撕纸/胶带装饰 */
  .tape{
    display:inline-block;position:absolute;background:rgba(255,255,255,.65);
    border:1px dashed rgba(0,0,0,.25);width:80px;height:24px;transform:rotate(-6deg);
  }

  /* 首屏 */
  .hero{padding:48px 0 40px;position:relative;}
  .hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;}
  .hero h1{
    font-family:"Kaiti SC","STKaiti","KaiTi",serif;
    font-size:44px;line-height:1.25;font-weight:900;margin-bottom:16px;
    text-shadow:3px 3px 0 var(--yellow), 6px 6px 0 rgba(0,0,0,.15);
    letter-spacing:1px;
  }
  .hero h1 em{font-style:normal;color:var(--pink-deep);}
  .hero p{font-size:16px;color:#3a3226;margin-bottom:12px;max-width:520px;}
  .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px;}
  .pill{
    border:3px solid var(--ink);border-radius:999px;padding:8px 16px;font-size:13px;
    font-weight:700;background:#fff;box-shadow:3px 3px 0 var(--ink);display:inline-block;
  }
  .pill.y{background:var(--yellow);}
  .pill.m{background:var(--mint);}
  .pill.l{background:var(--lav);}
  .hero-art{position:relative;display:flex;justify-content:center;}
  .phone{
    width:280px;border:5px solid var(--ink);border-radius:34px;background:#fff;
    box-shadow:8px 8px 0 var(--ink);transform:rotate(3deg);overflow:hidden;
  }
  .phone img{width:100%;height:auto;}
  .hero-sticker{
    position:absolute;top:-14px;left:-6px;background:var(--yellow);
    border:3px solid var(--ink);border-radius:10px;padding:4px 12px;
    font-weight:900;transform:rotate(-8deg);box-shadow:3px 3px 0 var(--ink);font-size:13px;
  }

  /* 分类 */
  .cats{padding:28px 0 12px;}
  .cats-scroll{display:flex;gap:18px;overflow-x:auto;padding:12px 4px 20px;scrollbar-width:thin;}
  .cat{flex:0 0 auto;text-align:center;width:86px;cursor:pointer;}
  .cat-icon{
    width:72px;height:72px;border-radius:50%;margin:0 auto 8px;
    display:flex;align-items:center;justify-content:center;font-size:28px;
    border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);
    transition:transform .2s,box-shadow .2s;
  }
  .cat:hover .cat-icon{transform:scale(1.12);box-shadow:0 0 0 4px var(--pink-deep),3px 3px 0 var(--ink);}
  .cat span{font-size:13px;font-weight:700;}
  .g1{background:linear-gradient(135deg,#ffd3e0,#ff8fb1);}
  .g2{background:linear-gradient(135deg,#ffe9a8,#ffb057);}
  .g3{background:linear-gradient(135deg,#c9b8ff,#8f7bff);}
  .g4{background:linear-gradient(135deg,#a8e6cf,#5cc9a0);}
  .g5{background:linear-gradient(135deg,#ffc9a8,#ff7b54);}
  .g6{background:linear-gradient(135deg,#a8d8ff,#5c9dff);}
  .g7{background:linear-gradient(135deg,#f0c8ff,#c86bff);}
  .g8{background:linear-gradient(135deg,#ffd9a8,#e6a23c);}

  /* 通用区块标题 */
  .sec{padding:44px 0;position:relative;}
  .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:22px;flex-wrap:wrap;}
  .sec-head h2{
    font-family:"Kaiti SC","STKaiti","KaiTi",serif;
    font-size:28px;font-weight:900;letter-spacing:1px;
    text-shadow:2px 2px 0 var(--yellow);
  }
  .sec-head .more{font-size:13px;font-weight:700;border-bottom:2px dashed var(--ink);}

  /* 今日更新 */
  .scroll-row{display:flex;gap:18px;overflow-x:auto;padding:6px 4px 22px;}
  .drama-card{
    flex:0 0 168px;border:3px solid var(--ink);border-radius:16px;background:#fff;
    box-shadow:5px 5px 0 var(--ink);overflow:hidden;position:relative;
    transition:transform .18s;
  }
  .drama-card:hover{transform:translateY(-4px) rotate(-1deg);}
  .drama-card .poster{position:relative;}
  .drama-card .poster img{width:100%;height:230px;object-fit:cover;}
  .badge-new{
    position:absolute;top:8px;right:8px;background:#ff3b3b;color:#fff;font-size:11px;
    font-weight:900;padding:2px 8px;border-radius:6px;border:2px solid #000;
  }
  .badge-ep{
    position:absolute;bottom:8px;left:8px;background:#ff3b3b;color:#fff;font-size:11px;
    font-weight:700;padding:2px 8px;border-radius:6px;
  }
  .drama-card .info{padding:8px 10px 12px;}
  .drama-card .info h3{font-size:14px;font-weight:900;margin-bottom:4px;}
  .drama-card .info time{font-size:11px;color:#888;}

  /* 排行榜 */
  .tabs{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;}
  .tab{
    border:3px solid var(--ink);border-radius:999px;padding:5px 16px;font-size:13px;
    font-weight:800;background:#fff;cursor:pointer;box-shadow:3px 3px 0 var(--ink);
  }
  .tab.on{background:var(--pink);color:#fff;}
  .rank-list{background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink);padding:8px 14px;}
  .rank-item{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:2px dashed #e3dccb;}
  .rank-item:last-child{border-bottom:none;}
  .rank-no{font-size:24px;font-weight:900;width:34px;text-align:center;font-family:"Kaiti SC",serif;}
  .r1{color:#e6a817;} .r2{color:#9aa0a6;} .r3{color:#c47a3a;} .r4{color:#999;font-size:20px;}
  .rank-item img{width:52px;height:66px;object-fit:cover;border-radius:8px;border:2px solid var(--ink);}
  .rank-body{flex:1;min-width:0;}
  .rank-body h3{font-size:15px;font-weight:900;}
  .rank-meta{font-size:12px;color:#8a8172;display:flex;gap:10px;flex-wrap:wrap;}
  .rank-meta .cat-tag{background:var(--cream-deep);border-radius:6px;padding:0 6px;}
  .hot{font-size:12px;color:#ff6f3c;font-weight:700;white-space:nowrap;}
  .btn-watch{
    border:2px solid var(--ink);border-radius:10px;padding:5px 12px;font-size:12px;
    font-weight:800;background:var(--yellow);box-shadow:2px 2px 0 var(--ink);
    white-space:nowrap;
  }

  /* 主演 */
  .actors{display:flex;gap:26px;overflow-x:auto;padding:8px 4px 20px;}
  .actor{flex:0 0 112px;text-align:center;position:relative;}
  .actor .av{
    width:96px;height:96px;border-radius:50%;overflow:hidden;margin:0 auto 8px;
    border:4px solid var(--ink);box-shadow:4px 4px 0 var(--pink);transition:transform .2s;
  }
  .actor:hover .av{transform:scale(1.08) rotate(2deg);}
  .actor .av img{width:100%;height:100%;object-fit:cover;}
  .actor b{font-size:14px;display:block;}
  .actor small{font-size:11px;color:#8a8172;}
  .actor .role{
    position:absolute;bottom:34px;left:50%;transform:translateX(-50%);
    background:var(--ink);color:#fff;font-size:10px;border-radius:6px;
    padding:2px 8px;white-space:nowrap;
  }

  /* 专题合集 */
  .topic-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:120px 120px;gap:16px;}
  .topic{
    position:relative;border:3px solid var(--ink);border-radius:16px;overflow:hidden;
    box-shadow:5px 5px 0 var(--ink);cursor:pointer;
  }
  .topic.big{grid-row:span 2;}
  .topic img{width:100%;height:100%;object-fit:cover;transition:transform .3s;}
  .topic:hover img{transform:scale(1.06);}
  .topic .veil{
    position:absolute;inset:0;background:rgba(20,14,4,.5);transition:background .25s;
    display:flex;flex-direction:column;justify-content:flex-end;padding:12px;color:#fff;
  }
  .topic:hover .veil{background:rgba(20,14,4,.28);}
  .topic .veil b{font-size:16px;font-weight:900;text-shadow:1px 1px 3px #000;}
  .topic .veil small{font-size:12px;opacity:.9;}
  .topic .veil .go{
    display:none;margin-top:8px;align-self:flex-start;background:var(--pink);
    border:2px solid #000;border-radius:8px;padding:2px 10px;font-size:12px;font-weight:800;
  }
  .topic:hover .veil .go{display:inline-block;}

  /* 互动 */
  .interact{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center;}
  .mock{
    position:relative;width:250px;margin:0 auto;border:5px solid var(--ink);border-radius:30px;
    overflow:hidden;box-shadow:8px 8px 0 var(--ink);background:#000;
  }
  .mock img{width:100%;height:430px;object-fit:cover;}
  .danmu{
    position:absolute;left:0;right:0;bottom:76px;height:120px;overflow:hidden;pointer-events:none;
  }
  .dm{position:absolute;white-space:nowrap;font-size:12px;font-weight:700;color:#fff;
    text-shadow:1px 1px 2px #000;animation:fly 9s linear infinite;}
  .dm:nth-child(1){top:4px;animation-delay:0s;}
  .dm:nth-child(2){top:36px;animation-delay:2.2s;color:#ffe066;}
  .dm:nth-child(3){top:68px;animation-delay:4.4s;color:#8fe3c8;}
  .dm:nth-child(4){top:100px;animation-delay:6.2s;}
  @keyframes fly{from{transform:translateX(240px);}to{transform:translateX(-120%);}}
  .comments{display:flex;flex-direction:column;gap:14px;}
  .cmt{
    background:#fff;border:3px solid var(--ink);border-radius:14px;padding:14px 16px;
    box-shadow:4px 4px 0 var(--ink);
  }
  .cmt-top{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
  .cmt-top .ca{
    width:34px;height:34px;border-radius:50%;overflow:hidden;border:2px solid var(--ink);
    flex:0 0 auto;
  }
  .cmt-top .ca img{width:100%;height:100%;object-fit:cover;}
  .cmt-top b{font-size:13px;}
  .cmt p{font-size:13px;color:#403a2d;}
  .cmt-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12px;color:#8a8172;}
  .cmt-foot .tag{background:var(--cream-deep);border-radius:6px;padding:1px 8px;}

  /* 预告片 */
  .trailers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  .trail{
    position:relative;border:3px solid var(--ink);border-radius:16px;overflow:hidden;
    box-shadow:5px 5px 0 var(--ink);cursor:pointer;
  }
  .trail img{width:100%;height:210px;object-fit:cover;transition:transform .3s;}
  .trail:hover img{transform:scale(1.05);}
  .trail .play{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.92);
    border:3px solid var(--ink);display:flex;align-items:center;justify-content:center;
    font-size:20px;transition:transform .2s;
  }
  .trail:hover .play{transform:translate(-50%,-50%) scale(1.15);}
  .trail .dur{
    position:absolute;right:8px;bottom:44px;background:rgba(0,0,0,.7);color:#fff;
    font-size:11px;padding:1px 8px;border-radius:6px;
  }
  .trail .tname{
    position:absolute;left:0;right:0;bottom:0;background:rgba(0,0,0,.72);color:#fff;
    font-size:13px;font-weight:700;padding:6px 10px;
  }

  /* 福利横幅 */
  .promo{
    position:relative;border:4px solid var(--ink);border-radius:22px;overflow:hidden;
    background:linear-gradient(120deg,#ff5f8f,#c86bff 55%,#8f7bff);
    color:#fff;padding:30px 28px;display:flex;justify-content:space-between;
    align-items:center;gap:20px;flex-wrap:wrap;box-shadow:8px 8px 0 var(--ink);
  }
  .promo::after{
    content:"";position:absolute;width:220px;height:220px;border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.55),transparent 70%);
    right:-40px;top:-70px;
  }
  .promo h2{font-size:28px;font-weight:900;font-family:"Kaiti SC",serif;text-shadow:2px 2px 0 rgba(0,0,0,.3);}
  .promo p{font-size:14px;opacity:.92;margin-top:6px;}
  .promo-right{position:relative;z-index:1;text-align:center;}
  .promo-right .btn-claim{
    display:inline-block;background:var(--yellow);color:var(--ink);font-weight:900;
    border:3px solid var(--ink);border-radius:12px;padding:10px 26px;font-size:16px;
    box-shadow:4px 4px 0 var(--ink);margin-bottom:10px;
  }
  .countdown{display:flex;gap:8px;justify-content:center;font-weight:900;}
  .countdown span{
    background:rgba(0,0,0,.35);border:2px solid #fff;border-radius:8px;
    padding:4px 8px;font-size:15px;min-width:36px;text-align:center;
  }

  /* 邀请 */
  .invite{
    display:grid;grid-template-columns:1.05fr .95fr;gap:28px;
    background:#fff;border:3px solid var(--ink);border-radius:20px;
    box-shadow:6px 6px 0 var(--ink);padding:26px;
  }
  .invite h2{font-size:24px;font-weight:900;margin-bottom:12px;font-family:"Kaiti SC",serif;}
  .rule{display:flex;gap:10px;font-size:14px;margin-bottom:10px;color:#3d3629;}
  .rule .ico{
    flex:0 0 26px;height:26px;border-radius:50%;background:var(--pink);color:#fff;
    border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;
    font-size:12px;font-weight:900;
  }
  .invite-box{background:var(--cream-deep);border:3px dashed var(--ink);border-radius:14px;padding:18px;}
  .copy-row{display:flex;gap:10px;margin-bottom:14px;}
  .copy-row input{
    flex:1;border:3px solid var(--ink);border-radius:10px;padding:8px 12px;font-size:13px;
    background:#fff;color:#5a5245;min-width:0;
  }
  .copy-row button{
    border:3px solid var(--ink);border-radius:10px;padding:0 16px;font-weight:900;
    background:var(--pink);color:#fff;box-shadow:3px 3px 0 var(--ink);cursor:pointer;
  }
  .share-row{display:flex;gap:12px;font-size:13px;font-weight:700;flex-wrap:wrap;}
  .share-btn{
    border:2px solid var(--ink);border-radius:999px;padding:5px 14px;background:#fff;
    box-shadow:2px 2px 0 var(--ink);
  }

  /* 价格 */
  .price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:center;}
  .plan{
    background:#fff;border:3px solid var(--ink);border-radius:20px;padding:24px 18px;
    box-shadow:5px 5px 0 var(--ink);text-align:center;position:relative;
  }
  .plan.best{
    transform:scale(1.05);box-shadow:8px 8px 0 var(--pink-deep);border-color:var(--pink-deep);
  }
  .plan .flag{
    position:absolute;top:-14px;left:50%;transform:translateX(-50%);
    background:var(--yellow);border:3px solid var(--ink);border-radius:999px;
    padding:2px 14px;font-size:12px;font-weight:900;white-space:nowrap;
  }
  .plan h3{font-size:18px;font-weight:900;margin-bottom:6px;}
  .plan .p{font-size:30px;font-weight:900;color:var(--pink-deep);}
  .plan .old{font-size:13px;color:#aaa;text-decoration:line-through;}
  .plan ul{list-style:none;margin:14px 0;text-align:left;font-size:13px;color:#4a4335;}
  .plan li{padding:4px 0;}
  .plan li::before{content:"✓ ";color:#3aa76d;font-weight:900;}
  .plan .btn-plan{
    display:block;border:3px solid var(--ink);border-radius:12px;padding:8px;
    font-weight:900;background:var(--yellow);box-shadow:3px 3px 0 var(--ink);
  }
  .plan.best .btn-plan{background:var(--pink);color:#fff;}
  .price-note{font-size:12px;color:#9a9282;margin-top:18px;text-align:center;}
  .save-tag{
    display:inline-block;background:#ff3b3b;color:#fff;font-size:11px;font-weight:800;
    padding:1px 8px;border-radius:6px;margin-top:6px;
  }

  /* 媒体与评价 */
  .media-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;}
  .media-logo{
    flex:1 1 110px;max-width:140px;border:3px solid var(--ink);border-radius:12px;
    background:#fff;padding:14px 8px;text-align:center;font-weight:900;font-size:13px;color:#b9b1a2;
    filter:grayscale(1);transition:all .2s;
  }
  .media-logo:hover{filter:none;color:var(--ink);background:var(--yellow);transform:translateY(-3px);}
  .media-note{text-align:center;font-size:12px;color:#9a9282;margin-top:16px;}

  .masonry{columns:3;column-gap:18px;}
  .quote{
    break-inside:avoid;background:#fff;border:3px solid var(--ink);border-radius:16px;
    padding:16px;margin-bottom:18px;box-shadow:4px 4px 0 var(--ink);transition:transform .2s;
  }
  .quote:hover{transform:translateY(-4px);}
  .quote .who{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
  .quote .who .av{
    width:36px;height:36px;border-radius:50%;overflow:hidden;border:2px solid var(--ink);
  }
  .quote .who .av img{width:100%;height:100%;object-fit:cover;}
  .quote .who b{font-size:13px;}
  .quote .stars{color:#f5b301;font-size:12px;letter-spacing:1px;}
  .quote p{font-size:13px;color:#3d3629;}
  .quote .badge2{
    display:inline-block;margin-top:8px;font-size:11px;background:var(--cream-deep);
    border-radius:6px;padding:1px 8px;color:#6a6252;
  }

  /* 下载 */
  .dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .dl-card{
    background:#fff;border:3px solid var(--ink);border-radius:20px;padding:24px 18px;
    text-align:center;box-shadow:5px 5px 0 var(--ink);
  }
  .dl-card .ico{font-size:34px;margin-bottom:8px;}
  .dl-card h3{font-size:17px;font-weight:900;margin-bottom:6px;}
  .dl-card p{font-size:13px;color:#7a7262;margin-bottom:14px;}
  .btn-line{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
  .btn-small{
    border:3px solid var(--ink);border-radius:10px;padding:7px 14px;font-size:13px;
    font-weight:900;background:var(--pink);color:#fff;box-shadow:3px 3px 0 var(--ink);
  }
  .btn-small.alt{background:var(--yellow);color:var(--ink);}
  .qr{
    width:96px;height:96px;margin:0 auto 10px;border:3px solid var(--ink);border-radius:10px;
    display:flex;align-items:center;justify-content:center;font-size:11px;color:#9a9282;
    background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0/12px 12px;
  }

  /* FAQ */
  .faq-item{
    background:#fff;border:3px solid var(--ink);border-radius:14px;margin-bottom:12px;
    box-shadow:3px 3px 0 var(--ink);overflow:hidden;
  }
  .faq-q{
    display:flex;justify-content:space-between;align-items:center;gap:12px;
    padding:14px 18px;font-weight:800;font-size:15px;cursor:pointer;background:var(--cream-deep);
  }
  .faq-q .sign{font-size:20px;font-weight:900;transition:transform .2s;}
  .faq-a{display:none;padding:14px 18px;font-size:13px;color:#4a4335;background:#faf7ee;}
  .faq-item.open .faq-a{display:block;}
  .faq-item.open .sign{transform:rotate(45deg);}

  /* 商务条 */
  .biz{
    border-top:3px dashed #cdc5b2;border-bottom:3px dashed #cdc5b2;
    padding:18px 0;font-size:12px;color:#8f8878;
  }
  .biz-inner{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;}
  .biz-inner a{margin-left:10px;}

  /* 页脚 */
  .site-footer{padding:26px 0 34px;font-size:12px;color:#9a9282;text-align:center;}
  .site-footer p{margin-bottom:6px;}
  .site-footer a{color:#8a8172;border-bottom:1px dotted #bbb;}
  .site-footer time{font-size:11px;color:#b0a898;}

  /* 响应式 */
  @media (max-width:1024px){
    .hero h1{font-size:36px;}
    .hero-inner{grid-template-columns:1fr;gap:26px;}
    .phone{width:240px;}
    .topic-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
    .topic.big{grid-row:span 1;grid-column:span 2;height:200px;}
    .topic{height:140px;}
    .interact{grid-template-columns:1fr;}
    .trailers{grid-template-columns:1fr 1fr;}
    .price-grid{grid-template-columns:1fr;gap:28px;}
    .plan.best{transform:none;}
    .masonry{columns:2;}
    .dl-grid{grid-template-columns:1fr;}
    .invite{grid-template-columns:1fr;}
  }
  @media (max-width:640px){
    .hero h1{font-size:30px;}
    .hero{padding:32px 0 20px;}
    .sec{padding:32px 0;}
    .sec-head h2{font-size:22px;}
    .nav-links{display:none;}
    .search{order:3;flex:1 1 100%;max-width:none;}
    .trailers{grid-template-columns:1fr;}
    .masonry{columns:1;}
    .topic-grid{grid-template-columns:1fr;}
    .topic.big{grid-column:span 1;}
    .topic{height:150px;}
    .promo h2{font-size:22px;}
    .promo{padding:22px 18px;}
    .drama-card{flex:0 0 148px;}
    .drama-card .poster img{height:200px;}
    .rank-no{font-size:20px;width:26px;}
    .btn-watch{padding:4px 8px;font-size:11px;}
    .mock{width:220px;}
  }