短剧热播SHORT DRAMA私人电影院 · 专属影音空间 · 共 7 部

本栏目收录 7 部短剧热播SHORT DRAMA作品，可按年份、地区、题材快速筛选。

🎬
私人电影院YOUR PRIVATE CINEMA
私人电影院 › 首页 › 今日精选
🔥 热门电影 📱 短剧推荐 🎌 动漫新番 🏆 高分经典 🎬 导演剪辑版 📰 幕后花絮 💬 影迷热聊 ❓ 选片指南

📱 短剧热播 微短剧·爽点密集

```in:0; padding:0; box-sizing:border-box; } :root{ --bg:#0d0d12; --bg-soft:#15151d; --card:#1c1c26; --accent:#e8b04b; --accent-soft:rgba(232,176,75,.15); --text:#ececf1; --muted:#9a9aa8; --line:rgba(255,255,255,.08); } html{scroll-behavior:smooth;} body{ font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif; background:var(--bg); color:var(--text); line-height:1.7; overflow-x:hidden; } a{color:inherit;text-decoration:none;} img{max-width:100%;display:block;} .wrap{ width:100%; max-width:1200px; margin:0 auto; padding:0 20px; } /* 顶部导航 */ .site-header{ position:sticky; top:0; z-index:99; background:rgba(13,13,18,.85); backdrop-filter:blur(12px); border-bottom:1px solid var(--line); } .nav{ display:flex; align-items:center; justify-content:space-between; height:64px; } .logo{ display:flex; align-items:center; gap:8px; font-size:1.15rem; font-weight:700; letter-spacing:1px; } .logo span{ color:var(--accent); } .nav-links{ display:flex; gap:26px; font-size:.95rem; } .nav-links a{ position:relative; color:var(--muted); transition:color .25s; } .nav-links a::after{ content:""; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:var(--accent); transition:width .25s; } .nav-links a:hover{color:var(--text);} .nav-links a:hover::after{width:100%;} .nav-toggle{ display:none; background:none; border:1px solid var(--line); color:var(--text); font-size:1.3rem; border-radius:8px; padding:2px 10px; cursor:pointer; } /* 首屏 */ .hero{ position:relative; padding:90px 0 80px; text-align:center; background: radial-gradient(circle at 50% 0%,rgba(232,176,75,.18),transparent 55%), linear-gradient(180deg,#101018 0%,var(--bg) 100%); overflow:hidden; } .hero::before{ content:""; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px); background-size:26px 26px; opacity:.5; pointer-events:none; } .hero h1{ position:relative; font-size:clamp(1.9rem,5vw,3.2rem); font-weight:800; letter-spacing:2px; margin-bottom:18px; } .hero h1 em{ font-style:normal; color:var(--accent); } .hero p{ position:relative; max-width:640px; margin:0 auto 34px; color:var(--muted); font-size:1.02rem; } .hero-actions{ position:relative; display:flex; gap:16px; justify-content:center; flex-wrap:wrap; } .btn{ display:inline-block; padding:12px 30px; border-radius:40px; font-size:.98rem; font-weight:600; transition:transform .2s,box-shadow .2s,background .2s; } .btn-primary{ background:var(--accent); color:#1a1a1a; box-shadow:0 8px 24px rgba(232,176,75,.28); } .btn-primary:hover{ transform:translateY(-2px); box-shadow:0 12px 30px rgba(232,176,75,.4); } .btn-ghost{ border:1px solid var(--line); color:var(--text); } .btn-ghost:hover{ background:var(--accent-soft); border-color:var(--accent); transform:translateY(-2px); } .hero-stats{ position:relative; display:flex; justify-content:center; gap:48px; margin-top:56px; flex-wrap:wrap; } .hero-stats div{ text-align:center; } .hero-stats strong{ display:block; font-size:1.8rem; color:var(--accent); font-weight:800; } .hero-stats span{ color:var(--muted); font-size:.9rem; } /* 区块通用 */ section.block{ padding:72px 0; } .section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:36px; flex-wrap:wrap; } .section-head h2{ font-size:clamp(1.4rem,3vw,2rem); font-weight:800; letter-spacing:1px; } .section-head h2 small{ display:block; font-size:.85rem; font-weight:400; color:var(--muted); letter-spacing:2px; margin-top:6px; } .section-head .more{ color:var(--accent); font-size:.92rem; border-bottom:1px dashed var(--accent); } /* 主内容 + 侧栏布局 */ .layout{ display:grid; grid-template-columns:1fr 320px; gap:40px; align-items:start; } /* 推荐卡片网格 */ .grid-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; } .media-card{ background:var(--card); border:1px solid var(--line); border-radius:16px; overflow:hidden; cursor:pointer; transition:transform .25s,border-color .25s,box-shadow .25s; } .media-card:hover{ transform:translateY(-6px); border-color:rgba(232,176,75,.5); box-shadow:0 16px 36px rgba(0,0,0,.5); } .poster{ position:relative; aspect-ratio:16/10; background:linear-gradient(135deg,#232333,#16161f); display:flex; align-items:center; justify-content:center; font-size:2rem; color:rgba(232,176,75,.7); } .poster .badge{ position:absolute; top:12px; left:12px; background:var(--accent); color:#1a1a1a; font-size:.72rem; font-weight:700; padding:2px 10px; border-radius:20px; } .poster .score{ position:absolute; right:12px; bottom:12px; background:rgba(0,0,0,.6); color:var(--accent); font-size:.8rem; padding:2px 10px; border-radius:20px; font-weight:700; } .media-body{ padding:16px 18px 20px; } .media-body h3{ font-size:1.02rem; font-weight:700; margin-bottom:6px; } .media-body p{ font-size:.85rem; color:var(--muted); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .media-meta{ display:flex; gap:10px; margin-top:12px; font-size:.75rem; color:var(--accent); flex-wrap:wrap; } .media-meta span{ background:var(--accent-soft); padding:2px 10px; border-radius:20px; } /* 侧边栏 */ .sidebar{ display:flex; flex-direction:column; gap:22px; position:sticky; top:84px; } .side-card{ background:var(--card); border:1px solid var(--line); border-radius:16px; padding:22px; } .side-card h3{ font-size:1rem; font-weight:700; margin-bottom:12px; color:var(--accent); } .side-card p{ font-size:.86rem; color:var(--muted); } .tag-cloud{ display:flex; flex-wrap:wrap; gap:8px; } .tag-cloud span{ font-size:.78rem; padding:4px 12px; border-radius:20px; background:var(--bg-soft); border:1px solid var(--line); color:var(--muted); transition:all .2s; cursor:pointer; } .tag-cloud span:hover{ color:var(--accent); border-color:var(--accent); background:var(--accent-soft); } /* 短剧热播横向滚动 */ .hscroll{ display:flex; gap:20px; overflow-x:auto; padding-bottom:12px; scroll-snap-type:x mandatory; } .hscroll::-webkit-scrollbar{height:6px;} .hscroll::-webkit-scrollbar-thumb{ background:rgba(232,176,75,.4); border-radius:10px; } .hscroll .media-card{ min-width:260px; scroll-snap-align:start; } /* 动漫新番 */ .anime-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:20px; } /* 资讯 */ .news-list{ display:flex; flex-direction:column; gap:16px; } .news-item{ display:flex; gap:18px; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px 22px; transition:border-color .25s,transform .25s; } .news-item:hover{ border-color:rgba(232,176,75,.4); transform:translateX(4px); } .news-date{ flex-shrink:0; text-align:center; border-right:1px solid var(--line); padding-right:18px; min-width:70px; } .news-date strong{ display:block; font-size:1.3rem; color:var(--accent); } .news-date span{ font-size:.75rem; color:var(--muted); } .news-content h3{ font-size:1rem; margin-bottom:4px; } .news-content p{ font-size:.85rem; color:var(--muted); } /* 留言板 */ .msg-form{ display:flex; flex-direction:column; gap:12px; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:24px; margin-bottom:26px; } .msg-form input, .msg-form textarea{ width:100%; background:var(--bg-soft); border:1px solid var(--line); border-radius:10px; padding:12px 14px; color:var(--text); font-family:inherit; font-size:.92rem; outline:none; resize:vertical; transition:border-color .2s; } .msg-form input:focus, .msg-form textarea:focus{ border-color:var(--accent); } .msg-form button{ align-self:flex-start; background:var(--accent); color:#1a1a1a; font-weight:700; border:none; padding:10px 26px; border-radius:30px; font-size:.92rem; cursor:pointer; transition:transform .2s,box-shadow .2s; } .msg-form button:hover{ transform:translateY(-2px); box-shadow:0 8px 20px rgba(232,176,75,.3); } .msg-list{ display:flex; flex-direction:column; gap:14px; } .msg-item{ background:var(--bg-soft); border-left:3px solid var(--accent); border-radius:10px; padding:14px 18px; } .msg-item strong{ display:block; font-size:.9rem; color:var(--accent); margin-bottom:4px; } .msg-item p{ font-size:.88rem; color:var(--muted); } /* 页脚 */ .site-footer{ border-top:1px solid var(--line); background:#0a0a0f; padding:48px 0 30px; margin-top:40px; } .footer-inner{ max-width:1200px; margin:0 auto; padding:0 20px; display:flex; flex-direction:column; gap:22px; align-items:center; text-align:center; } .footer-brand h3{ font-size:1.2rem; margin-bottom:6px; } .footer-brand p{ font-size:.85rem; color:var(--muted); } .footer-links{ display:flex; gap:24px; flex-wrap:wrap; justify-content:center; font-size:.9rem; } .footer-links a{ color:var(--muted); transition:color .2s; } .footer-links a:hover{ color:var(--accent); } .copyright{ font-size:.78rem; color:#5a5a68; padding-top:16px; border-top:1px solid var(--line); width:100%; } /* 响应式 */ @media (max-width:980px){ .layout{ grid-template-columns:1fr; } .sidebar{ position:static; flex-direction:row; flex-wrap:wrap; } .side-card{flex:1 1 260px;} .grid-cards{grid-template-columns:repeat(2,1fr);} } @media (max-width:640px){ .nav-toggle{display:block;} .nav-links{ position:absolute; top:64px; left:0; right:0; flex-direction:column; background:#101018; border-bottom:1px solid var(--line); padding:16px 20px; gap:14px; display:none; } .nav-links.open{display:flex;} .grid-cards{grid-template-columns:1fr;} .hero{padding:64px 0 56px;} .hero-stats{gap:28px;} .hero-stats strong{font-size:1.4rem;} .sidebar{flex-direction:column;} section.block{padding:52px 0;} .news-item{flex-direction:column;gap:10px;} .news-date{ border-right:none; border-bottom:1px solid var(--line); padding:0 0 10px; text-align:left; display:flex; align-items:center; gap:8px; } .news-date strong{font-size:1.05rem;} }

短剧热播SHORT DRAMA · 一口气看完

更多短剧 →
🌟

逆光而行

被辞退的普通职员逆风翻盘，一路打脸反派。

都市逆袭
👑

千金归来

真千金回归豪门，一场关于身份与复仇的较量。

豪门复仇
📱

时空来电

神秘来电揭开陈年旧案，每一次接听都改写命运。

悬疑科幻
🍜

山海食光

一间深夜食堂，治愈每一个深夜来客的故事。

美食治愈
🎖️

铁血军魂

一群热血青年的成长与坚守，致敬最可爱的人。

热血军旅