< style> :root { --sky-brand: #0284c7; --sky-light: #e0f2fe; --sky-soft: #f0f9ff; -- sky-hover: #0369a1; --text-main: #0f172a ; --text-muted: #64748b; --bg-page: # f8fafc; --card-bg: #ffffff; --border-light: #e 2e8f0; --pill-radius: 9999px; --card -radius: 20px; } * { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Ping Fang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; background-color : var(--bg-page); color: var(--text-main); line-height: 1.5; padding -bottom: 40px; } a { text-decoration: none; color: inherit; } .site-container { max-width: 1140px; margin: 0 auto; padding: 0 16px; } .icon-svg { display: inline -block; width: 18px; height: 18px; stroke -width: 1.8; stroke: currentColor; fill: none; stroke-linecap: round; stroke -linejoin: round; vertical-align: middle; } /* 顶部双层导航 */ .header -wrap { background-color: #ffffff; border-bottom: 1px solid var(--border-light); position: sticky; top: 0; z-index: 100; box-shadow: 0 1px 3px rgba(0,0,0,0.03); } . nav-top { display: flex; align-items: center; justify-content: space -between; height: 56px; } .brand-logo { display: flex; align -items: center; gap: 8px; font-size: 20px; font -weight: 800; color: var(--sky-brand); letter-spacing: -0.5 px; } .brand-logo .logo-badge { background: var(--sky-brand); color: # fff; padding: 2px 8px; border-radius: var(--pill-radius ); font-size: 11px; font-weight: 600; } .main-links { display: flex; align-items: center; gap : 18px; } .main-links a { font-size: 15 px; font-weight: 600; color: var(--text-main); transition : color 0.2s; } .main-links a.active, .main-links a: hover { color: var(--sky-brand); } /* 下层彩色副导航/分类胶囊条 */ .sub -nav-bar { background-color: var(--sky-soft); border-bottom: 1px solid #bae6 fd; padding: 10px 0; } .pill-scroll-list { display: flex; gap: 10px; overflow-x: auto; white-space: nowrap ; scrollbar-width: none; -ms-overflow-style: none; } .pill -scroll-list::-webkit-scrollbar { display: none; } .pill-item { display : inline-flex; align-items: center; padding: 6px 16px; background- color: #ffffff; border: 1px solid #bae6fd; color: var(--sky-brand); font -size: 13px; font-weight: 600; border-radius : var(--pill-radius); transition: all 0.2s; } .pill-item.active, .pill-item:hover { background-color: var(--sky-brand); color: #ffffff; border -color: var(--sky-brand); } /* 搜索大胶囊区 */ .search-banner -area { margin: 24px 0 20px; } .search-pill -box { display: flex; align-items: center; background: #ffffff; border: 2px solid var(--sky-brand); border-radius: var(--pill-radius); padding: 4px 6px 4px 20px; box-shadow: 0 4px 12px rgba (2, 132, 199, 0.08); } .search-pill -box input { flex: 1; border: none; outline: none; font-size : 15px; color: var(--text-main); background: transparent; } .search-pill-box button { background: var(--sky-brand); color: #ffffff; border : none; padding: 10px 24px; border-radius: var(--pill-radius); font-size: 14px; font-weight: 600; cursor: pointer ; display: flex; align-items: center; gap: 6px; } /* 核心专题速览卡片 */ .spotlight-card { background: #ffffff; border: 1px solid var(--border-light); border-radius: var(--card- radius); padding: 24px; margin-bottom: 30px; box-shadow : 0 2px 8px rgba(0,0,0,0.02); } .spotlight- head { display: flex; align-items: center; justify-content: space-between; margin-bottom : 12px; flex-wrap: wrap; gap: 8px; } .spotlight -title { font-size: 22px; font-weight: 800 ; color: var(--text-main); display: flex; align-items: center; gap : 10px; } .spotlight-tag { background: var(--sky-light ); color: var(--sky-brand); font-size: 12px; font-weight: 700; padding: 3px 10px; border-radius: var(--pill-radius); } .spotlight-desc { font-size: 14px; color: var(--text-muted); line-height: 1.8; margin-bottom: 16px; } .spotlight-meta-list { display: flex; flex-wrap: wrap; gap: 12px; font-size: 13px; color: var (--text-main); } .spotlight-meta-item { background: var(--bg-page); padding: 4px 12px; border-radius: var(--pill-radius); border: 1px solid var(--border-light); } /* 模块标题 */ .section-header { display: flex; align-items: center; justify-content: space-between; margin: 32px 0 16px; } .section-header .section-title { font- size: 20px; font-weight: 800; color: var(-- text-main); display: flex; align-items: center; gap: 8 px; } .section-header .section-more { font-size: 13px; font -weight: 600; color: var(--sky-brand); display: flex; align-items: center ; gap: 4px; } /* 极简海报网格 */ .poster -grid { display: grid; grid-template-columns: repeat(2, 1fr ); gap: 16px; } @media (min-width: 560px) { .poster -grid { grid-template-columns: repeat(3, 1fr); gap: 18px; } } @media (min-width: 840px) { .poster -grid { grid-template-columns: repeat(4, 1fr); gap: 20px; } } @media (min-width: 1040px) { .poster-grid { grid-template-columns: repeat(6, 1fr); gap: 20px; } } .vod-card { display: flex; flex -direction: column; background: transparent; transition: transform 0.2s ease; } .vod-card: hover { transform: translateY(-4px); } .vod-poster { position: relative ; width: 100%; padding-top: 140%; border-radius : 16px; overflow: hidden; background-color: var(--border-light); } .vod-poster img { position: absolute; top: 0; left: 0; width : 100%; height: 100%; object-fit: cover; } .vod-badge { position: absolute; bottom: 8px; right : 8px; background: rgba(15, 23, 42, 0 .78); backdrop-filter: blur(4px); color: #ffffff; font-size: 11px; padding: 2px 8px; border-radius: var(--pill-radius); font-weight: 600; } .vod-score { position: absolute; top: 8px; left: 8px; background: var(--sky-brand); color: #ffffff; font-size: 11px; padding: 2px 6px; border-radius: 6px; font-weight: 700; } .vod-title { margin-top: 10px; font-size: 14px; font-weight: 700; color: var(--text-main); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .vod-sub { font-size: 12px; color: var(--text-muted); margin-top: 2px; white- space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 分页药丸控件 */ .pagination-wrap { display: flex; align-items: center; justify-content: center; gap: 8px; margin: 36px 0 20px; } .page-pill { display: inline-flex; align-items: center; justify -content: center; min-width: 36px; height: 36px ; padding: 0 12px; border-radius: var(--pill-radius); background: #ffffff; border: 1px solid var(--border-light); color: var (--text-main); font-size: 13px; font-weight: 6 00; transition: all 0.2s; } .page-pill.active, .page-pill:hover { background: var(--sky-brand); color: #ffffff; border-color: var (--sky-brand); } /* 简约排行榜列表 */ .rank-box { background: #ffffff; border: 1px solid var(--border-light); border-radius: var(--card- radius); padding: 16px 20px; margin-top: 10 px; } .rank-row { display: flex; align-items: center; padding: 10 px 0; border-bottom: 1px dashed var(--border-light); } .rank-row:last- child { border-bottom: none; } .rank-num { width: 24 px; height: 24px; display: flex; align-items: center; justify -content: center; border-radius: 6px; font-size: 12 px; font-weight: 800; margin-right: 12px; color: var(--text-muted); background: var(--bg-page); } . rank-row:nth-child(1) .rank-num { background: #ef4444; color : #ffffff; } .rank-row:nth-child(2) .rank-num { background: #f97316; color: #ffffff; } .rank-row:nth -child(3) .rank-num { background: var(--sky-brand); color: #ffffff; } .rank-name { flex: 1; font-size: 14px; font-weight: 600; color: var(--text-main); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .rank-heat { font-size: 12px; color: var(--text-muted); margin-left: 12px; } /* 分类板块 */ .category-block { margin-top: 24px; } /* 简短页脚 */ .site-footer { margin -top: 48px; border-top: 1px solid var(--border-light); padding -top: 24px; text-align: center; font-size: 1 3px; color: var(--text-muted); } .footer-links { display : flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 12px; flex-wrap: wrap; } .footer-links a { color: var (--text-muted); } .footer-links a:hover { color: var(--sky- brand); }

《兰香如故》全集在线与剧情简介

< span class="spotlight-tag">2025年度重磅力作 · 完结高清

《兰香如故》是一部融合了古装权谋、家族兴衰与深情宿命的传奇史诗大剧。全剧讲述了出身名门世家的才女在动荡风云中历经洗礼，凭借过人智谋与坚毅品性破解重重死局，在护卫家国大义的同时守望真挚爱情的动人故事。剧情结构紧凑环环相扣，服化道精美还原，人物性格鲜明饱满，自上线以来口碑持续领跑同档期剧集。

主演阵容：林予兰 / 萧明彻 / 沈知微 / 顾长青

剧集类型：古装 / 权谋 / 情感 / 传奇

全剧规格：全40集 · 4K原画高码率

综合评分：9.4 分

更新周期：每日准时同步更新

最新上线与更新

更多更新 < svg class="icon-svg" style="width:14px;height:14px;" viewBox="0 0 24 24">

兰香如故剧集版

< span class="vod-score">9.4 更新至4 0集全

兰香如故尊享版

古装权谋传奇力作

兰香如故·典藏独家幕后

兰香如故幕后纪实

< div class="vod-sub">原班人马揭秘创作

青岚风云录

9.1 更新至28集

< div class="vod-title">青岚风云录

朝堂博弈暗流涌动

鹤唳长空

8.7 更新至18集

鹤唳长空第一季

硬核热血江湖行

九霄云外

< span class="vod-score">8.8 HD国语

< div class="vod-title">九霄云外剧场版

震撼视效仙侠巨制

锦
瑟华年

9.2 更新至32集

深宅大院情仇纠葛

长风渡月

< span class="vod-score">8.6 更新至1 4集

< div class="vod-sub">塞外风光旷世绝恋

玉茗花开

玉茗花开电影版

古典唯美抒情佳作

潜行千山

< span class="vod-score">8.5 更新至2 2集

< div class="vod-sub">密室谍影智斗交锋

山海奇谭

9 .3 更新至36集

山海奇谭终章

上古异兽玄幻大作

盛唐秘史

8.8 更新至16集

盛唐秘史探案录

大理寺奇案追踪

烟雨入江南

< span class="vod-score">9.1 HD1080P

烟雨入江南

水乡画卷温婉情深

1 2 3 4

本周热播总榜 TOP 10

完整热榜

1

< div class="rank-name">兰香如故（全40集未删减珍藏版）

988.6 万热度

2

锦瑟华年（第32集高能名场面）

845 .2 万热度

3

青岚风云录（双男主宿命终战）

792.0 万热度

4

山海奇谭终章大结局

680.4 万热度

5

鹤唳长空第一季完结篇

541.3 万热度

6

九霄云外 4K修复原声版

490.8 万热度

7

玉茗花开院线重映版

420.5 万热度

8

盛唐秘史狄公探案篇

380.1 万热度

9

潜行千山谍战悬疑篇

340.7 万热度

10

烟雨入江南抒情纪录片

298.0 万热度

经典古装与热门剧场

查看更多

兰香如故剧评解析

兰香如故人物全解析

深度拆解主线暗线

云水谣

云水谣电视剧版

凄美乱世倾城之恋

剑指天涯

< span class="vod-badge">更新至10集

新派武侠视觉盛宴

宫阙深处

步步为营智谋对决

春风十里不如卿

春风十里不如卿

治愈系暖心古言

九鼎
风华

大争之世群雄逐鹿