小红书赞平台 低价小红书赞

专业小红书赞平台
快速提升笔记热度与曝光

真实用户点赞 · 10分钟快速到账 · 99.8%好评率 · 全程安全保障

立即获取小红书点赞 了解服务详情
50万+
服务用户
3000万+
累计点赞
99.8%
好评率
10分钟
平均到账
❤️

小红书红心

一键提升笔记热度

小红书赞 100个 ¥9.9
小红书点赞 500个 ¥39.9
🔥 今日已有 2863 位用户成功下单 · 限时优惠:小红书赞全场8折,低至¥7.9/100赞 · 活动倒计时 23:58:42
500,000+
累计服务用户
30,000,000+
累计小红书点赞
99.8%
用户好评率
10min
平均到账时间
7×24h
在线客服服务

小红书赞服务介绍

专业小红书点赞服务,涵盖小红书赞、小红书红心等多种业务

❤️

小红书赞

真实用户为你的笔记点赞,快速提升小红书赞数量,增加笔记曝光与互动率,让优质内容被更多人看到

热门
👍

小红书点赞

高质量小红书点赞服务,真实账号操作,安全稳定,助力笔记登上推荐页,提升自然流量获取能力

推荐
💖

小红书红心

小红书红心点赞,提升笔记红心数量,增强社交信任度,让笔记在小红书平台获得更多推荐流量

新品
📖

笔记收藏

提升笔记收藏量,增加内容权重,帮助笔记在小红书搜索中获得更好排名,提升长尾流量获取

热销
💬

笔记评论

真实用户评论互动,提升笔记活跃度,营造热门氛围,增加小红书算法推荐概率,提升自然流量

优选
🔄

笔记转发

增加笔记转发量,扩大内容传播范围,触达更多潜在用户,提升品牌与个人影响力

推荐

低价小红书赞价格方案

透明定价,无隐形消费,下单即享8折优惠

体验套餐

¥9.9/100赞
  • 小红书赞 100个
  • 真实用户点赞
  • 10分钟到账
  • 7天售后保障
立即购买

豪华套餐

¥69.9/1000赞
  • 小红书赞 1000个
  • 真实用户点赞
  • 6分钟到账
  • 30天售后保障
  • 免费补赞2次
立即购买

定制套餐

¥面议/自定义
  • 自定义数量
  • 专属客服服务
  • 优先排队处理
  • 长期合作保障
  • 批量订单优惠
联系客服
小红书赞 小红书点赞 低价小红书赞 小红书赞平台 小红书红心

为什么选择红心赞

8大核心优势,打造最专业的小红书赞平台

✅

真实用户

100%真实活跃用户点赞,拒绝机器刷赞,保障账号安全

⚡

极速到账

下单后最快6分钟开始到账,10分钟内完成全部小红书赞

🔒

安全保障

采用小红书平台合规方式操作,不封号不降权,全程零风险

💰

低价优质

低价小红书赞低至¥7.9/100赞,全网最优性价比保证

🎯

精准投放

支持按地域、兴趣标签精准投放,提升小红书点赞转化率

📱

自助下单

在线自助下单系统,24小时随时购买,无需人工沟通

🛡️

售后无忧

7-30天售后保障期,掉赞免费补齐,不满意全额退款

🎧

专属客服

7×24小时在线客服,随时解答小红书赞相关问题

小红书点赞下单流程

4步简单操作,轻松获取小红书赞

1

选择套餐

浏览小红书赞价格方案,选择适合的套餐数量,支持自定义

2

填写链接

粘贴需要点赞的小红书笔记链接,系统自动识别笔记信息

3

在线支付

支持微信、支付宝等多种支付方式,安全便捷即时到账

4

开始到账

支付完成后6-10分钟开始到账,实时查看小红书赞进度

小红书赞平台对比

与同行相比,我们更专业、更安全、更实惠

对比项 红心赞(本平台) 普通刷赞 机器刷赞
点赞来源真实活跃用户低质量账号机器模拟
安全性100%安全不封号有封号风险极易封号
到账速度6-10分钟1-3小时不确定
售后保障7-30天免费补赞无售后无售后
价格¥7.9/100赞起¥15/100赞¥5/100赞
掉赞率<1%5%-15%30%+
客服支持7×24小时仅白天无客服

用户真实评价

超过50万用户的信赖之选

★★★★★

在小红书上做美妆笔记,一直没什么赞。朋友推荐了红心赞,买了500个小红书赞,10分钟就到账了,笔记直接上了推荐页,自然流量涨了好几倍!

美
美妆博主-Lily
2026-10-28
★★★★★

之前在别家买的小红书点赞,第二天就掉了一大半。后来换到红心赞,买了1000个赞,一个都没掉,质量确实好,以后就认准这家了。

旅
旅行达人-阿May
2026-10-25
★★★★★

低价小红书赞真的很划算,¥9.9买100个赞,效果却比那些贵的还好。客服也很专业,有问必答,强烈推荐给需要小红书红心的朋友。

食
美食探店-大胃王
2026-10-20
★★★★★

作为品牌运营,经常需要批量买小红书赞。红心赞的定制套餐很灵活,价格也合适,关键是真实用户点赞,笔记权重提升明显。

品
品牌运营-王经理
2026-10-18
★★★★★

第一次用小红书赞平台,选了体验套餐试试水。没想到效果这么好,笔记赞数上去后,收藏和评论也跟着涨了,果断复购了豪华套餐。

穿
穿搭博主-Nina
2026-10-15
★★★★★

小红书红心服务很给力,下单后8分钟就开始到账了,速度比预期快很多。售后也很负责,第三天补了一次赞,很满意。

手
手工达人-小艺
2026-10-12

小红书赞常见问题

关于小红书点赞、小红书红心的热门问答

小红书赞是真实的吗?会被平台检测到吗?▼

我们的小红书赞100%来自真实活跃用户,通过自然浏览方式点赞,完全符合平台规则,不会触发检测机制。已服务50万+用户,零封号记录。

低价小红书赞质量有保障吗?▼

低价不低质。我们通过规模化运营降低成本,所有小红书点赞均来自真实用户,掉赞率低于1%,并提供7-30天免费补赞保障。

小红书点赞下单后多久到账?▼

支付完成后系统自动分配任务,最快6分钟开始到账,10分钟内完成全部小红书赞。大型订单分批到账,可在订单页实时查看进度。

小红书红心和点赞有什么区别?▼

小红书红心就是小红书笔记的"赞",用户点击红心图标即为点赞。两者是同一种互动行为的不同叫法,我们的服务同时覆盖这两个需求。

买小红书赞会影响账号安全吗?▼

不会。我们采用自然浏览+真实点赞的方式,模拟真实用户行为轨迹,不使用任何自动化工具,不触发平台风控。50万+用户零封号记录。

可以指定小红书赞的来源地域吗?▼

支持。定制套餐支持按地域、性别、年龄、兴趣标签精准投放,提升小红书点赞的转化效果和笔记的精准曝光。

如果小红书点赞掉了怎么办?▼

我们提供7-30天售后保障期,保障期内如出现掉赞,联系客服即可免费补齐。标准套餐含1次免费补赞,豪华套餐含2次。

小红书赞平台支持哪些支付方式?▼

支持微信支付、支付宝支付、银行卡支付等多种主流支付方式,全程加密传输,支付安全有保障。

小红书点赞运营技巧

专业干货分享,助力你的小红书笔记获得更多自然赞

📝

标题优化技巧

小红书笔记标题是吸引点击的关键。使用数字+痛点+解决方案的结构,如"3招教你画出高级感妆容",能有效提升点击率和小红书赞数量。

📸

封面图设计

高质量封面图是获取小红书红心的第一步。建议使用明亮色调、人物出镜、文字叠加的封面,提升笔记在推荐页的点击率。

🏷️

话题标签运用

合理使用话题标签能增加笔记曝光。每篇笔记建议添加3-5个相关标签,包含1个热门标签和2个长尾标签,提升小红书点赞转化。

⏰

发布时间选择

小红书用户活跃高峰在12:00-14:00和19:00-22:00,此时发布笔记能获得更多自然曝光和小红书赞,配合点赞服务效果倍增。

💬

评论区互动

积极回复评论区互动,能提升笔记活跃度权重。建议在发布后1小时内回复所有评论,配合小红书点赞服务,加速上推荐。

🔄

持续更新策略

保持每周3-5篇笔记的更新频率,形成内容矩阵。结合小红书赞服务提升单篇热度,带动账号整体权重和自然流量增长。

小红书赞适用场景

无论你是哪种创作者,都能从我们的服务中受益

💄

美妆博主

提升妆容教程笔记热度,获得更多品牌合作机会

👗

穿搭达人

增加穿搭分享曝光,吸引粉丝关注和品牌推广

🍽️

美食探店

提升餐厅推荐笔记排名,获取更多本地流量

✈️

旅行分享

放大旅行攻略影响力,获得旅游品牌合作邀约

🏠

家居好物

提升好物推荐笔记权重,增加电商带货转化率

📱

品牌运营

批量提升品牌笔记矩阵热度,扩大品牌在小红书的声量

关于红心赞

专业的小红书赞服务平台

平台简介

红心赞成立于2020年,是国内专业的小红书赞服务平台。我们专注于为小红书创作者提供低价小红书赞、小红书点赞、小红书红心等一站式互动提升服务。平台拥有50万+真实活跃用户资源池,累计完成3000万+点赞订单,服务好评率达99.8%。

我们始终坚持"真实、安全、快速、低价"的服务理念,通过自然浏览方式完成点赞,确保每一位客户的小红书账号安全无忧。7×24小时在线客服,随时为您服务。

发展历程

2020年6月

红心赞平台正式上线,推出小红书赞服务

2021年3月

用户突破10万,累计点赞超500万

2022年8月

上线小红书红心、笔记收藏等新服务

2024年1月

用户突破30万,成为行业领先平台

2026年至今

累计服务50万+用户,点赞量超3000万

小红书赞服务详细介绍

小红书赞是小红书平台上用户对笔记内容表达认可的重要互动方式。当用户浏览笔记时点击红心图标,即为该笔记增加了一个赞。小红书赞数量直接影响笔记在平台推荐算法中的权重,赞数越高的笔记越容易被推荐给更多用户,从而获得更多自然流量和曝光机会。

小红书点赞服务的核心价值在于帮助优质内容快速突破冷启动期。新发布的笔记往往因为初始互动数据不足而难以被推荐算法捕捉,通过小红书点赞服务可以为笔记注入初始热度,触发平台的推荐机制,让好内容不再被埋没。我们的低价小红书赞服务以业内最优性价比,帮助创作者以最小成本获得最大曝光效果。

作为专业小红书赞平台,红心赞拥有50万+真实活跃用户资源池,所有点赞均通过自然浏览方式完成,完全符合小红书平台规则。我们提供从小红书赞到小红书红心、笔记收藏、评论互动等全方位服务,满足不同创作者的多样化需求。10分钟极速到账、7-30天售后保障、7×24小时在线客服,让每一位客户都能享受省心省力的服务体验。

选择红心赞,您将获得:真实用户点赞保障账号安全、低价优质服务降低运营成本、极速到账提升效率、专业客服全程指导。无论您是美妆博主、穿搭达人、美食探店还是品牌运营,我们的小红书赞服务都能帮助您快速提升笔记热度,扩大影响力,实现内容价值最大化。

联系红心赞

有任何关于小红书赞的问题,随时联系我们

在线留言

联系方式

💬
在线客服
7×24小时随时在线
📧
邮箱咨询
service@xhs-zan.com
📱
微信咨询
扫码添加专属客服
🕐
服务时间
全年无休 7×24小时

承诺:30分钟内回复您的咨询

红心赞信任保障

多重保障机制,让您放心购买小红书赞

🛡️

资金安全

第三方支付担保交易,不满意可申请退款

📋

合同保障

企业用户支持签订正式服务合同

🔐

隐私保护

严格保护客户信息,绝不泄露任何隐私

♻️

补赞承诺

保障期内掉赞免费补齐,零额外费用

ICP备案 支付牌照 SSL加密 实名认证 企业资质

立即获取专业小红书赞服务

50万+创作者的共同选择 · 10分钟极速到账 · 99.8%好评率

查看价格方案
↑
color: var(--paper); } .brand-mark { width: 42px; height: 42px; border-radius: 50%; border: 1.5px solid var(--gold); display: flex; align-items: center; justify-content: center; font-family: var(--serif); font-weight: 900; font-size: 1.1rem; color: var(--gold); position: relative; flex-shrink: 0; } .brand-mark::after { content: ''; position: absolute; inset: 4px; border-radius: 50%; border: 1px solid rgba(212, 162, 78, 0.3); } .brand-text { display: flex; flex-direction: column; line-height: 1.15; } .brand-name { font-family: var(--serif); font-size: 1.25rem; font-weight: 700; letter-spacing: 0.12em; } .brand-sub { font-size: 0.6rem; letter-spacing: 0.32em; color: var(--gold-dim); text-transform: uppercase; font-weight: 400; } .nav-links { display: flex; align-items: center; gap: 38px; list-style: none; } .nav-links a { text-decoration: none; color: var(--paper-dim); font-size: 0.92rem; font-weight: 400; letter-spacing: 0.08em; position: relative; transition: color 0.3s ease; padding: 4px 0; } .nav-links a::after { content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1.5px; background: var(--gold); transition: width 0.35s cubic-bezier(0.22, 1, 0.36, 1); } .nav-links a:hover { color: var(--gold-bright); } .nav-links a:hover::after { width: 100%; } .nav-cta { padding: 10px 26px !important; border: 1px solid var(--gold); border-radius: 40px; color: var(--gold) !important; font-size: 0.86rem !important; letter-spacing: 0.1em; transition: all 0.35s ease !important; } .nav-cta::after { display: none !important; } .nav-cta:hover { background: var(--gold); color: var(--ink) !important; box-shadow: 0 8px 30px rgba(212, 162, 78, 0.35); } .menu-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 8px; } .menu-toggle span { width: 26px; height: 2px; background: var(--gold); transition: all 0.3s ease; border-radius: 2px; } /* ============ Hero ============ */ #hero { min-height: 100vh; display: flex; align-items: center; padding: 140px 0 90px; position: relative; overflow: hidden; } #hero::before { content: ''; position: absolute; top: -20%; right: -10%; width: 700px; height: 700px; border-radius: 50%; background: radial-gradient(circle, rgba(212, 162, 78, 0.14), transparent 65%); filter: blur(20px); animation: floatGlow 12s ease-in-out infinite alternate; pointer-events: none; } @keyframes floatGlow { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(-40px, 40px) scale(1.12); } } #hero::after { content: ''; position: absolute; bottom: -15%; left: -12%; width: 560px; height: 560px; border-radius: 50%; background: radial-gradient(circle, rgba(74, 157, 142, 0.12), transparent 68%); filter: blur(20px); animation: floatGlow2 14s ease-in-out infinite alternate; pointer-events: none; } @keyframes floatGlow2 { 0% { transform: translate(0, 0) scale(1); } 100% { transform: translate(30px, -30px) scale(1.1); } } .hero-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 60px; align-items: center; position: relative; z-index: 2; } .hero-content { animation: fadeUp 1s cubic-bezier(0.22, 1, 0.36, 1) both; } @keyframes fadeUp { from { opacity: 0; transform: translateY(36px); } to { opacity: 1; transform: translateY(0); } } .hero-badge { display: inline-flex; align-items: center; gap: 10px; font-size: 0.78rem; letter-spacing: 0.22em; color: var(--gold); border: 1px solid rgba(212, 162, 78, 0.35); padding: 7px 18px; border-radius: 40px; margin-bottom: 30px; background: rgba(212, 162, 78, 0.05); } .hero-badge .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--gold); box-shadow: 0 0 10px var(--gold); animation: pulse 2s infinite; } @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.35; } } h1 { font-family: var(--serif); font-size: clamp(2.6rem, 6.5vw, 5rem); font-weight: 900; line-height: 1.12; letter-spacing: 0.02em; margin-bottom: 28px; } h1 .line-gold { background: linear-gradient(100deg, var(--gold-bright), var(--gold) 45%, var(--gold-dim)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; display: inline-block; } .hero-desc { font-size: 1.08rem; color: var(--text-muted); font-weight: 300; max-width: 480px; margin-bottom: 40px; line-height: 1.9; } .hero-actions { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; } .btn { display: inline-flex; align-items: center; gap: 10px; padding: 15px 34px; border-radius: 50px; font-size: 0.95rem; font-weight: 500; letter-spacing: 0.08em; text-decoration: none; cursor: pointer; border: none; transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1); position: relative; overflow: hidden; } .btn-primary { background: linear-gradient(120deg, var(--gold), var(--gold-dim)); color: var(--ink); box-shadow: 0 10px 34px rgba(212, 162, 78, 0.28); } .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 16px 44px rgba(212, 162, 78, 0.45); } .btn-ghost { background: transparent; color: var(--paper); border: 1px solid rgba(245, 239, 228, 0.22); } .btn-ghost:hover { border-color: var(--gold); color: var(--gold-bright); transform: translateY(-3px); } .hero-stats { display: flex; gap: 46px; margin-top: 56px; padding-top: 32px; border-top: 1px solid rgba(212, 162, 78, 0.16); flex-wrap: wrap; } .stat-item .stat-num { font-family: var(--serif); font-size: 2rem; font-weight: 700; color: var(--gold); line-height: 1; display: block; } .stat-item .stat-num span { font-size: 1rem; color: var(--gold-dim); } .stat-item .stat-label { font-size: 0.8rem; color: var(--text-muted); letter-spacing: 0.1em; margin-top: 8px; display: block; } .hero-visual { position: relative; animation: fadeUp 1s 0.2s cubic-bezier(0.22, 1, 0.36, 1) both; } .hero-frame { position: relative; border-radius: 8px; overflow: hidden; border: 1px solid rgba(212, 162, 78, 0.3); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6); } .hero-frame::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(13, 11, 10, 0.75)); pointer-events: none; } .hero-frame img { width: 100%; height: 100%; object-fit: cover; display: block; aspect-ratio: 4 / 5; transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1); } .hero-frame:hover img { transform: scale(1.05); } .frame-caption { position: absolute; bottom: 26px; left: 26px; right: 26px; z-index: 3; } .frame-caption .cap-title { font-family: var(--serif); font-size: 1.25rem; font-weight: 700; letter-spacing: 0.1em; color: var(--paper); } .frame-caption .cap-sub { font-size: 0.78rem; letter-spacing: 0.2em; color: var(--gold); margin-top: 4px; } .hero-visual .deco-ring { position: absolute; top: -28px; right: -28px; width: 120px; height: 120px; border: 1px solid rgba(212, 162, 78, 0.4); border-radius: 50%; z-index: -1; animation: spinSlow 22s linear infinite; } @keyframes spinSlow { to { transform: rotate(360deg); } } .hero-visual .deco-ring::before { content: ''; position: absolute; top: 50%; left: -5px; width: 10px; height: 10px; background: var(--gold); border-radius: 50%; transform: translateY(-50%); box-shadow: 0 0 14px var(--gold); } /* ============ 特性区 ============ */ #features { background: linear-gradient(180deg, var(--ink) 0%, var(--ink-soft) 100%); border-top: 1px solid rgba(212, 162, 78, 0.08); } .features-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 64px; flex-wrap: wrap; } .features-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; } .feature-card { background: linear-gradient(160deg, rgba(34, 28, 25, 0.9), rgba(20, 16, 14, 0.9)); border: 1px solid rgba(212, 162, 78, 0.14); border-radius: 14px; padding: 38px 30px; position: relative; overflow: hidden; transition: all 0.45s cubic-bezier(0.22, 1, 0.36, 1); } .feature-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, var(--gold), transparent); transform: scaleX(0); transform-origin: left; transition: transform 0.5s ease; } .feature-card:hover { transform: translateY(-8px); border-color: rgba(212, 162, 78, 0.4); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5); } .feature-card:hover::before { transform: scaleX(1); } .feature-icon { width: 54px; height: 54px; border-radius: 12px; background: rgba(212, 162, 78, 0.1); border: 1px solid rgba(212, 162, 78, 0.22); display: flex; align-items: center; justify-content: center; margin-bottom: 26px; transition: all 0.4s ease; } .feature-card:hover .feature-icon { background: rgba(212, 162, 78, 0.18); box-shadow: 0 0 24px rgba(212, 162, 78, 0.25); } .feature-icon svg { width: 26px; height: 26px; stroke: var(--gold); fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; } .feature-card h3 { font-family: var(--serif); font-size: 1.2rem; font-weight: 700; margin-bottom: 14px; letter-spacing: 0.04em; color: var(--paper); } .feature-card p { font-size: 0.9rem; color: var(--text-muted); font-weight: 300; line-height: 1.85; } /* ============ 服务 / 音乐世界 ============ */ #services { background: var(--ink-soft); position: relative; } #services::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(212, 162, 78, 0.3), transparent); } .services-head { text-align: center; margin-bottom: 70px; } .services-head .section-desc { margin: 0 auto; } .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .service-card { background: var(--ink-card); border-radius: 16px; overflow: hidden; border: 1px solid rgba(212, 162, 78, 0.12); transition: all 0.45s cubic-bezier(0.22, 1, 0.36, 1); display: flex; flex-direction: column; } .service-card:hover { transform: translateY(-10px); border-color: rgba(212, 162, 78, 0.38); box-shadow: 0 30px 70px rgba(0, 0, 0, 0.55); } .service-img { position: relative; overflow: hidden; aspect-ratio: 16 / 10; } .service-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); display: block; } .service-card:hover .service-img img { transform: scale(1.08); } .service-img::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 45%, rgba(34, 28, 25, 0.95)); } .service-tag { position: absolute; top: 18px; left: 18px; z-index: 2; font-size: 0.7rem; letter-spacing: 0.18em; background: rgba(13, 11, 10, 0.7); border: 1px solid rgba(212, 162, 78, 0.4); color: var(--gold); padding: 5px 14px; border-radius: 30px; backdrop-filter: blur(6px); } .service-body { padding: 30px 28px 34px; flex-grow: 1; display: flex; flex-direction: column; } .service-body h3 { font-family: var(--serif); font-size: 1.35rem; font-weight: 700; margin-bottom: 12px; letter-spacing: 0.04em; } .service-body p { font-size: 0.9rem; color: var(--text-muted); font-weight: 300; line-height: 1.85; margin-bottom: 22px; flex-grow: 1; } .service-meta { display: flex; align-items: center; justify-content: space-between; padding-top: 18px; border-top: 1px solid rgba(212, 162, 78, 0.14); font-size: 0.82rem; color: var(--gold-dim); letter-spacing: 0.06em; } .service-meta .arrow { color: var(--gold); font-size: 1.1rem; transition: transform 0.35s ease; } .service-card:hover .service-meta .arrow { transform: translateX(6px); } /* ============ 详细内容区 / 传记 ============ */ #story { background: linear-gradient(180deg, var(--ink-soft) 0%, var(--ink) 100%); overflow: hidden; } .story-grid { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 70px; align-items: center; } .story-visual { position: relative; } .story-visual img { width: 100%; border-radius: 12px; display: block; aspect-ratio: 3 / 4; object-fit: cover; border: 1px solid rgba(212, 162, 78, 0.25); box-shadow: 0 30px 70px rgba(0, 0, 0, 0.55); } .story-visual .quote-badge { position: absolute; bottom: -30px; right: -20px; background: linear-gradient(140deg, var(--gold), var(--gold-dim)); color: var(--ink); padding: 26px 30px; border-radius: 12px; max-width: 240px; box-shadow: 0 20px 50px rgba(212, 162, 78, 0.3); } .quote-badge .q-mark { font-family: var(--serif); font-size: 2.4rem; line-height: 0.6; font-weight: 900; opacity: 0.5; } .quote-badge .q-text { font-family: var(--serif); font-size: 0.95rem; font-weight: 600; line-height: 1.6; margin-top: 6px; } .story-content .section-desc { margin-bottom: 34px; } .story-list { list-style: none; display: flex; flex-direction: column; gap: 26px; margin-bottom: 42px; } .story-list li { display: flex; gap: 20px; align-items: flex-start; } .story-list .num { font-family: var(--serif); font-size: 1.15rem; font-weight: 700; color: var(--gold); border: 1px solid rgba(212, 162, 78, 0.35); width: 46px; height: 46px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; background: rgba(212, 162, 78, 0.06); } .story-list .list-body h3 { font-family: var(--serif); font-size: 1.08rem; font-weight: 700; margin-bottom: 6px; color: var(--paper); } .story-list .list-body p { font-size: 0.9rem; color: var(--text-muted); font-weight: 300; line-height: 1.8; } /* ============ 专辑时间线 ============ */ #timeline { background: var(--ink); border-top: 1px solid rgba(212, 162, 78, 0.08); } .timeline-wrap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin-top: 60px; } .album-card { background: var(--ink-card); border: 1px solid rgba(212, 162, 78, 0.12); border-radius: 12px; overflow: hidden; transition: all 0.45s cubic-bezier(0.22, 1, 0.36, 1); } .album-card:hover { transform: translateY(-8px) scale(1.02); border-color: var(--gold); box-shadow: 0 24px 60px rgba(212, 162, 78, 0.15); } .album-card img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; display: block; transition: transform 0.8s ease; } .album-card:hover img { transform: scale(1.06); } .album-info { padding: 20px 18px 24px; } .album-year { font-size: 0.72rem; letter-spacing: 0.2em; color: var(--gold); font-weight: 500; } .album-info h3 { font-family: var(--serif); font-size: 1.05rem; font-weight: 700; margin: 8px 0 6px; letter-spacing: 0.05em; } .album-info p { font-size: 0.8rem; color: var(--text-muted); font-weight: 300; } /* ============ CTA ============ */ #cta { position: relative; padding: 120px 0; overflow: hidden; background: linear-gradient(135deg, #1a1512 0%, #0d0b0a 100%); border-top: 1px solid rgba(212, 162, 78, 0.12); } #cta::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 900px; height: 900px; background: radial-gradient(circle, rgba(212, 162, 78, 0.12), transparent 60%); pointer-events: none; } #cta::after { content: ''; position: absolute; bottom: -40%; right: -10%; width: 500px; height: 500px; border-radius: 50%; border: 1px solid rgba(212, 162, 78, 0.12); pointer-events: none; } .cta-inner { position: relative; z-index: 2; text-align: center; max-width: 760px; margin: 0 auto; } .cta-inner h2 { font-family: var(--serif); font-size: clamp(2rem, 5vw, 3.4rem); font-weight: 900; line-height: 1.2; margin-bottom: 24px; letter-spacing: 0.02em; } .cta-inner h2 .accent { color: var(--gold); } .cta-inner p { color: var(--text-muted); font-size: 1.05rem; font-weight: 300; margin-bottom: 44px; line-height: 1.9; } .cta-actions { display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; } .cta-note { margin-top: 36px; font-size: 0.8rem; color: var(--gold-dim); letter-spacing: 0.18em; } /* ============ 页脚 ============ */ footer { background: #080706; border-top: 1px solid rgba(212, 162, 78, 0.14); padding: 70px 0 34px; } .footer-grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 50px; margin-bottom: 56px; } .footer-brand .brand { margin-bottom: 20px; } .footer-brand p { font-size: 0.88rem; color: var(--text-muted); font-weight: 300; line-height: 1.9; max-width: 300px; margin-bottom: 24px; } .footer-social { display: flex; gap: 12px; } .footer-social a { width: 38px; height: 38px; border-radius: 50%; border: 1px solid rgba(212, 162, 78, 0.25); display: flex; align-items: center; justify-content: center; color: var(--gold); text-decoration: none; transition: all 0.35s ease; } .footer-social a:hover { background: var(--gold); color: var(--ink); transform: translateY(-3px); } .footer-social svg { width: 17px; height: 17px; fill: currentColor; } .footer-col h4 { font-family: var(--serif); font-size: 0.95rem; font-weight: 700; letter-spacing: 0.14em; color: var(--paper); margin-bottom: 22px; } .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 13px; } .footer-col ul a { text-decoration: none; color: var(--text-muted); font-size: 0.87rem; font-weight: 300; transition: color 0.3s ease; } .footer-col ul a:hover { color: var(--gold); } .footer-bottom { border-top: 1px solid rgba(212, 162, 78, 0.12); padding-top: 30px; display: flex; justify-content: space-between; align-items: center; gap: 20px; flex-wrap: wrap; } .footer-bottom p { font-size: 0.8rem; color: var(--text-muted); font-weight: 300; letter-spacing: 0.04em; } .footer-bottom .domain { color: var(--gold); letter-spacing: 0.12em; } /* ============ 滚动动画 ============ */ .reveal { opacity: 0; transform: translateY(40px); transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1); } .reveal.visible { opacity: 1; transform: translateY(0); } .reveal-delay-1 { transition-delay: 0.1s; } .reveal-delay-2 { transition-delay: 0.2s; } .reveal-delay-3 { transition-delay: 0.3s; } .reveal-delay-4 { transition-delay: 0.4s; } /* ============ 响应式 ============ */ @media (max-width: 1024px) { .features-grid { grid-template-columns: