@charset "utf-8";
/* ============================================================================
   困困兔 · 原创主题样式表（原创配色：深空靛 + 电光紫 + 胡萝卜橙 + 兔耳粉）
   站点：y69ex5.cn   品牌：困困兔   定位：国内知名汽车改装公司 + 视频社区
   设计语言：夜行画廊（Night Gallery）——深空靛画布、电光紫主色、
             胡萝卜橙点缀、非对称编辑式栅格、贴纸式徽章与兔耳母题。
   ============================================================================ */
:root{
  --void:#080b16;
  --void-2:#0b1024;
  --surface:#121a33;
  --surface-2:#182247;
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.16);
  --violet:#8b5cff;
  --violet-soft:#b39cff;
  --violet-deep:#5b2fe0;
  --carrot:#ff8f3c;
  --carrot-deep:#e86f12;
  --mint:#3fd8bd;
  --ear:#ffb3c7;
  --ice:#d9e1f5;
  --ice-2:#a9b6d6;
  --steel:#7f8db3;
  --paper:#f4f6ff;
  --shadow-s:0 2px 12px rgba(4,6,16,.35);
  --shadow-m:0 14px 38px rgba(4,6,16,.45);
  --shadow-l:0 30px 70px rgba(4,6,16,.6);
  --r-s:12px;--r-m:18px;--r-l:28px;--r-xl:40px;
  --wrap:1240px;
  --ff:"PingFang SC","HarmonyOS Sans SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --fm:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --t-f:.2s cubic-bezier(.32,.72,.34,1);
  --t-m:.42s cubic-bezier(.32,.72,.34,1);
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
  margin:0;font-family:var(--ff);font-size:16px;line-height:1.78;color:var(--ice);
  background:var(--void-2);
  background-image:
    radial-gradient(1000px 520px at 8% -10%,rgba(139,92,255,.20),transparent 60%),
    radial-gradient(820px 460px at 92% 2%,rgba(255,143,60,.14),transparent 62%),
    radial-gradient(700px 520px at 50% 120%,rgba(63,216,189,.10),transparent 60%),
    linear-gradient(180deg,#080b16 0%,#0b1024 45%,#080b16 100%);
  background-attachment:fixed;overflow-x:hidden;
}
img,video,canvas,svg{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul,ol{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;color:#fff;font-weight:800;line-height:1.26;letter-spacing:-.2px;}
p{margin:0 0 12px;}
button{font-family:inherit;cursor:pointer;}
table{border-collapse:collapse;width:100%;}
::selection{background:var(--violet);color:#fff;}
.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 22px;}
.wrap-tight{width:100%;max-width:940px;margin:0 auto;padding:0 22px;}
.skip-link{position:absolute;left:-9999px;top:0;z-index:9999;background:var(--carrot);color:#150c02;padding:10px 18px;border-radius:0 0 var(--r-s) 0;font-weight:700;}
.skip-link:focus{left:0;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}

/* ---------------- 顶栏 ---------------- */
.topbar{background:linear-gradient(90deg,rgba(139,92,255,.22),rgba(255,143,60,.14));border-bottom:1px solid var(--line);font-size:13px;color:var(--ice-2);}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:42px;overflow:hidden;flex-wrap:nowrap;}
.topbar-tag{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-weight:600;}
.topbar-tag i{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);font-style:normal;flex:0 0 auto;}
.topbar-links{display:flex;gap:18px;white-space:nowrap;}
.topbar-links a{transition:var(--t-f);}
.topbar-links a:hover{color:var(--carrot);}

/* ---------------- 站点头部 ---------------- */
.site-header{position:sticky;top:0;z-index:300;background:rgba(8,11,22,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);}
.header-inner{display:flex;align-items:center;gap:16px;height:78px;}
.brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;}
.brand-logo{width:48px;height:48px;border-radius:14px;overflow:hidden;flex:0 0 auto;box-shadow:0 8px 22px rgba(139,92,255,.28);}
.brand-logo img{width:100%;height:100%;object-fit:cover;}
.brand-text{display:flex;flex-direction:column;line-height:1.2;}
.brand-name{font-size:23px;font-weight:900;color:#fff;letter-spacing:.5px;}
.brand-name em{font-style:normal;color:var(--carrot);}
.brand-sub{font-size:11.5px;color:var(--violet-soft);letter-spacing:.6px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-nav{flex:1 1 auto;display:flex;justify-content:center;}
.main-nav ul{display:flex;gap:3px;align-items:center;flex-wrap:wrap;justify-content:center;}
.main-nav a{display:inline-block;padding:8px 12px;border-radius:999px;font-size:14.5px;color:var(--ice-2);transition:var(--t-f);white-space:nowrap;}
.main-nav a:hover{color:#fff;background:rgba(255,255,255,.07);}
.main-nav a.is-active{color:#120a26;background:linear-gradient(120deg,var(--violet-soft),var(--ear));font-weight:800;}
.header-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:800;color:#0d0718;background:linear-gradient(120deg,var(--carrot),#ffc178);box-shadow:0 10px 24px rgba(255,143,60,.28);transition:var(--t-f);}
.header-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(255,143,60,.4);}
.nav-badge{width:30px;height:30px;border-radius:9px;overflow:hidden;flex:0 0 auto;border:1px solid var(--line-2);}
.nav-badge img{width:100%;height:100%;object-fit:cover;}
.nav-toggle{display:none;background:transparent;border:1px solid var(--line-2);border-radius:11px;padding:8px 11px;color:#fff;}

/* ---------------- 搜索（前端演示） ---------------- */
.search-bar{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.012));border-bottom:1px solid var(--line);}
.search-inner{display:flex;align-items:center;gap:12px;padding:13px 0;flex-wrap:wrap;}
.search-form{flex:1 1 430px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);border:1px solid var(--line-2);border-radius:999px;padding:7px 8px 7px 16px;transition:var(--t-f);}
.search-form:focus-within{border-color:var(--violet);box-shadow:0 0 0 4px rgba(139,92,255,.14);}
.search-form svg{flex:0 0 auto;width:18px;height:18px;fill:var(--steel);}
.search-form input{flex:1 1 auto;background:transparent;border:0;outline:none;color:#fff;font-size:15px;min-width:90px;}
.search-form input::placeholder{color:#6c7a9c;}
.search-form button{flex:0 0 auto;border:0;border-radius:999px;padding:9px 22px;font-size:14px;font-weight:800;color:#120a26;background:linear-gradient(120deg,var(--violet-soft),var(--ear));}
.search-form button:hover{filter:brightness(1.07);}
.search-hots{flex:0 0 auto;display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--steel);}
.search-hots a{padding:5px 11px;border-radius:999px;border:1px solid var(--line);transition:var(--t-f);}
.search-hots a:hover{border-color:var(--carrot);color:var(--carrot);}
.search-hint{display:none;width:100%;margin-top:8px;font-size:13px;color:var(--mint);border-left:3px solid var(--mint);padding-left:11px;}
.search-hint.is-show{display:block;animation:fadeUp .32s ease both;}

/* ---------------- 首屏 ---------------- */
.hero{position:relative;isolation:isolate;min-height:660px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);}
.hero-bg{position:absolute;inset:0;z-index:-2;}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 44%;}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,18,.9) 0%,rgba(6,8,18,.6) 40%,rgba(6,8,18,.95) 100%),linear-gradient(100deg,rgba(139,92,255,.26),transparent 58%);}
.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(180deg,transparent,#000 32%,#000 68%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 32%,#000 68%,transparent);}
.hero-inner{padding:86px 0 74px;max-width:940px;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;padding:7px 16px;border-radius:999px;font-size:13px;letter-spacing:.6px;color:var(--violet-soft);background:rgba(139,92,255,.14);border:1px solid rgba(139,92,255,.36);}
.hero-eyebrow b{color:var(--ear);font-weight:800;}
.hero h1{font-size:clamp(30px,4.7vw,60px);line-height:1.13;margin-bottom:18px;text-shadow:0 8px 38px rgba(0,0,0,.6);}
.hero h1 .hl{background:linear-gradient(100deg,var(--violet-soft),var(--ear) 55%,var(--carrot));-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-sub{font-size:clamp(16px,2vw,21px);color:var(--ice);max-width:800px;margin-bottom:12px;font-weight:600;}
.hero-desc{font-size:15px;line-height:1.92;color:var(--ice-2);max-width:840px;border-left:3px solid var(--carrot);padding-left:16px;margin-bottom:26px;}
.hero-desc strong{color:#fff;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px;}
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:999px;font-size:15px;font-weight:800;border:1px solid transparent;transition:var(--t-f);}
.btn-primary{color:#0d0718;background:linear-gradient(120deg,var(--violet),var(--violet-soft));box-shadow:0 12px 30px rgba(139,92,255,.34);}
.btn-primary:hover{transform:translateY(-2px);}
.btn-ghost{color:var(--ice);border-color:var(--line-2);background:rgba(255,255,255,.05);}
.btn-ghost:hover{border-color:var(--carrot);color:var(--carrot);}
.btn-carrot{color:#150c02;background:linear-gradient(120deg,var(--carrot),#ffc178);box-shadow:0 12px 30px rgba(255,143,60,.3);}
.btn-carrot:hover{transform:translateY(-2px);}
.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:860px;}
.stat{padding:16px 18px;border-radius:var(--r-m);border:1px solid var(--line);background:rgba(255,255,255,.05);}
.stat b{display:block;font-size:26px;font-weight:900;color:#fff;line-height:1.2;}
.stat b span{font-size:14px;color:var(--carrot);margin-left:2px;}
.stat i{font-style:normal;font-size:12.5px;color:var(--ice-2);}

/* ---------------- 跑马灯 ---------------- */
.marquee{overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(139,92,255,.10),rgba(255,143,60,.08));}
.marquee-track{display:flex;gap:38px;padding:13px 0;white-space:nowrap;animation:slide 34s linear infinite;width:max-content;}
.marquee-track span{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ice-2);}
.marquee-track span i{width:6px;height:6px;border-radius:50%;background:var(--carrot);font-style:normal;}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------------- 通用区块 ---------------- */
.section{padding:66px 0;border-bottom:1px solid var(--line);}
.section:last-of-type{border-bottom:0;}
.section-head{margin-bottom:34px;max-width:920px;}
.section-head.center{text-align:center;margin-left:auto;margin-right:auto;}
.kicker{display:inline-block;margin-bottom:12px;padding:5px 13px;border-radius:999px;font-size:12px;letter-spacing:1.6px;font-weight:800;color:var(--violet-soft);background:rgba(139,92,255,.13);border:1px solid rgba(139,92,255,.3);font-family:var(--fm);}
.section-title{font-size:clamp(23px,3.1vw,36px);margin-bottom:14px;}
.section-title b{color:var(--carrot);}
.section-desc{font-size:15.5px;color:var(--ice-2);line-height:1.92;max-width:880px;}
.grid{display:grid;gap:18px;}
.g2{grid-template-columns:repeat(2,minmax(0,1fr));}
.g3{grid-template-columns:repeat(3,minmax(0,1fr));}
.g4{grid-template-columns:repeat(4,minmax(0,1fr));}
.card{position:relative;display:block;padding:24px 22px;border-radius:var(--r-m);border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));transition:var(--t-m);overflow:hidden;}
.card::after{content:"";position:absolute;inset:auto -30% -60% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,255,.24),transparent 70%);opacity:0;transition:var(--t-m);}
.card:hover{transform:translateY(-5px);border-color:rgba(255,143,60,.42);box-shadow:var(--shadow-m);}
.card:hover::after{opacity:1;}
.card h3{font-size:18px;margin-bottom:9px;}
.card p{font-size:14.5px;color:var(--ice-2);margin:0 0 12px;line-height:1.85;}
.card-ico{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;font-size:21px;margin-bottom:14px;background:linear-gradient(140deg,rgba(139,92,255,.3),rgba(255,143,60,.22));border:1px solid var(--line-2);}
.card-tags{display:flex;gap:7px;flex-wrap:wrap;}
.tag{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;color:var(--ice-2);border:1px solid var(--line);background:rgba(255,255,255,.04);transition:var(--t-f);}
.tag:hover{color:var(--carrot);border-color:var(--carrot);}
.tag-video{color:var(--carrot);border-color:rgba(255,143,60,.36);background:rgba(255,143,60,.1);}
.tag-teal{color:var(--mint);border-color:rgba(63,216,189,.34);background:rgba(63,216,189,.09);}
.tag-violet{color:var(--violet-soft);border-color:rgba(139,92,255,.36);background:rgba(139,92,255,.1);}

/* ---------------- 视频卡片 ---------------- */
.vgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.vcard{border-radius:var(--r-m);overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.04);transition:var(--t-m);}
.vcard:hover{transform:translateY(-5px);border-color:rgba(139,92,255,.5);box-shadow:var(--shadow-m);}
.vcard-media{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0a0f1f;}
.vcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.32,.72,.34,1);}
.vcard:hover .vcard-media img{transform:scale(1.06);}
.vcard-badge{position:absolute;left:10px;top:10px;padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:800;color:#0d0718;background:linear-gradient(120deg,var(--carrot),#ffc178);}
.vcard-dur{position:absolute;right:10px;bottom:10px;padding:3px 9px;border-radius:8px;font-size:11.5px;color:#fff;background:rgba(6,8,18,.78);border:1px solid var(--line);}
.play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.86);width:58px;height:58px;border:0;border-radius:50%;opacity:0;transition:var(--t-m);background:rgba(139,92,255,.92);box-shadow:0 10px 30px rgba(139,92,255,.5);}
.play-btn::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-38%,-50%);border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;}
.vcard:hover .play-btn,.vcard.is-hover .play-btn,.vcard:focus-within .play-btn{opacity:1;transform:translate(-50%,-50%) scale(1);}
.vcard-body{padding:15px 16px 17px;}
.vcard-body h3{font-size:15.5px;line-height:1.5;margin-bottom:9px;}
.vcard-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--steel);margin-bottom:11px;}
.vcard-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.vcard-author{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ice-2);}
.avatar-dot{width:22px;height:22px;border-radius:50%;display:inline-block;background:linear-gradient(140deg,var(--violet),var(--carrot));font-style:normal;}
.vcard-play{font-size:13px;font-weight:800;color:var(--violet-soft);}
.vcard-play:hover{color:var(--carrot);}

/* ---------------- 竖屏娱乐 ---------------- */
.reel-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.reel{position:relative;border-radius:var(--r-m);overflow:hidden;border:1px solid var(--line);aspect-ratio:9/16;background:#0a0f1f;}
.reel img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.reel:hover img{transform:scale(1.05);}
.reel-ov{position:absolute;inset:auto 0 0 0;padding:16px 14px;background:linear-gradient(0deg,rgba(6,8,18,.94),transparent);}
.reel-ov h3{font-size:14.5px;margin-bottom:6px;}
.reel-ov p{font-size:12.5px;color:var(--ice-2);margin:0;}
.reel-play{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:52px;height:52px;border:0;border-radius:50%;background:rgba(255,143,60,.92);opacity:0;transition:var(--t-m);}
.reel-play::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-36%,-50%);border-left:15px solid #1a0f02;border-top:10px solid transparent;border-bottom:10px solid transparent;}
.reel:hover .reel-play{opacity:1;}

/* ---------------- 数据块 / JSON ---------------- */
.mcp-out{margin:0;padding:18px 20px;border-radius:var(--r-m);border:1px solid var(--line);background:rgba(4,7,16,.72);color:#9fe8d8;font-family:var(--fm);font-size:12.5px;line-height:1.75;overflow:auto;max-height:340px;white-space:pre;}
.mcp-out.alt{color:#cdbcff;}
.mt-20{margin-top:20px;}

/* ---------------- 专家 ---------------- */
.experts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.expert{border-radius:var(--r-m);overflow:hidden;border:1px solid var(--line);background:rgba(255,255,255,.04);transition:var(--t-m);}
.expert:hover{transform:translateY(-5px);border-color:rgba(255,143,60,.42);box-shadow:var(--shadow-m);}
.expert-photo{aspect-ratio:4/3;overflow:hidden;background:#0a0f1f;}
.expert-photo img{width:100%;height:100%;object-fit:cover;}
.expert-body{padding:18px;}
.expert-body h3{font-size:17px;margin-bottom:6px;}
.expert-role{display:inline-block;margin-bottom:10px;font-size:12.5px;font-weight:800;color:var(--violet-soft);}
.expert-body p{font-size:13.8px;color:var(--ice-2);line-height:1.82;}
.expert-actions{display:flex;gap:10px;margin-top:12px;}
.mini-btn{display:inline-block;padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:800;color:#0d0718;background:linear-gradient(120deg,var(--violet-soft),var(--ear));transition:var(--t-f);}
.mini-btn.ghost{color:var(--ice);background:transparent;border:1px solid var(--line-2);}
.mini-btn:hover{filter:brightness(1.08);}

/* ---------------- 合作品牌墙 ---------------- */
.partners{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;}
.partner{display:flex;align-items:center;justify-content:center;height:74px;border-radius:var(--r-s);border:1px solid var(--line);background:rgba(255,255,255,.04);font-size:14px;font-weight:800;color:var(--ice-2);transition:var(--t-f);text-align:center;padding:8px;}
.partner:hover{color:#fff;border-color:var(--violet);background:rgba(139,92,255,.14);}

/* ---------------- 步骤 ---------------- */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:step;}
.step{position:relative;padding:26px 22px 22px;border-radius:var(--r-m);border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));}
.step::before{counter-increment:step;content:"0" counter(step);position:absolute;right:18px;top:12px;font-family:var(--fm);font-size:30px;font-weight:800;color:rgba(139,92,255,.32);}
.step h3{font-size:17px;margin-bottom:9px;}
.step p{font-size:14.2px;color:var(--ice-2);margin:0;}

/* ---------------- FAQ ---------------- */
.faq{display:grid;gap:12px;}
.faq-item{border-radius:var(--r-m);border:1px solid var(--line);background:rgba(255,255,255,.04);overflow:hidden;}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:17px 20px;border:0;background:transparent;color:#fff;font-size:16px;font-weight:800;text-align:left;}
.faq-q i{flex:0 0 auto;font-style:normal;color:var(--carrot);font-size:20px;transition:var(--t-f);}
.faq-item.is-open .faq-q i{transform:rotate(45deg);}
.faq-a{display:none;padding:0 20px 18px;font-size:14.6px;color:var(--ice-2);line-height:1.9;}
.faq-item.is-open .faq-a{display:block;animation:fadeUp .3s ease both;}

/* ---------------- 口碑 ---------------- */
.reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.review{padding:22px;border-radius:var(--r-m);border:1px solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02));}
.review-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.review-head b{font-size:15px;color:#fff;display:block;}
.review-head span{font-size:12.5px;color:var(--steel);}
.review-stars{color:var(--carrot);font-size:13px;letter-spacing:2px;margin-bottom:8px;}
.review p{font-size:14.4px;color:var(--ice-2);line-height:1.88;margin:0;}

/* ---------------- 联系 ---------------- */
.contact-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start;}
.info-list{display:grid;gap:11px;}
.info-row{display:flex;gap:14px;padding:14px 16px;border-radius:var(--r-s);border:1px solid var(--line);background:rgba(255,255,255,.04);}
.info-row b{flex:0 0 92px;color:var(--violet-soft);font-size:13.5px;}
.info-row span{font-size:14px;color:var(--ice);word-break:break-all;}
.storefront{border-radius:var(--r-m);overflow:hidden;border:1px solid var(--line);}
.storefront img{width:100%;height:auto;}
.qr-box{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;}
.qr-item{padding:14px;border-radius:var(--r-s);border:1px solid var(--line);background:rgba(255,255,255,.04);text-align:center;}
.qr-item img{width:118px;height:118px;margin:0 auto 9px;border-radius:10px;background:#fff;padding:6px;}
.qr-item span{font-size:12.5px;color:var(--ice-2);}

/* ---------------- 分享 ---------------- */
.share-row{display:flex;gap:12px;flex-wrap:wrap;}
.share-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:999px;border:1px solid var(--line-2);background:rgba(255,255,255,.05);color:var(--ice);font-size:14px;font-weight:700;transition:var(--t-f);}
.share-btn:hover{border-color:var(--carrot);color:var(--carrot);transform:translateY(-2px);}

/* ---------------- 内页 ---------------- */
.page-hero{padding:52px 0 40px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,rgba(139,92,255,.16),rgba(255,143,60,.1));}
.crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ice-2);margin-bottom:14px;flex-wrap:wrap;}
.crumb a:hover{color:var(--carrot);}
.crumb b{color:#fff;}
.page-hero h1{font-size:clamp(24px,3.4vw,40px);margin-bottom:14px;}
.page-hero p{max-width:900px;color:var(--ice-2);font-size:15.5px;line-height:1.9;margin:0;}
.sub-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.sub-nav a{padding:7px 14px;border-radius:999px;font-size:13px;border:1px solid var(--line);color:var(--ice-2);transition:var(--t-f);}
.sub-nav a:hover{color:var(--carrot);border-color:var(--carrot);}

/* ---------------- 页脚 ---------------- */
.site-footer{padding:56px 0 26px;background:linear-gradient(180deg,rgba(6,8,18,.6),rgba(4,6,14,.92));border-top:1px solid var(--line);}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.15fr;gap:26px;}
.footer-brand p{font-size:13.8px;color:var(--ice-2);line-height:1.9;margin-top:14px;}
.footer-col h4{font-size:15px;margin-bottom:14px;color:#fff;}
.footer-col li{margin-bottom:9px;}
.footer-col a{font-size:13.8px;color:var(--ice-2);transition:var(--t-f);}
.footer-col a:hover{color:var(--carrot);}
.footer-qr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.footer-qr img{width:88px;height:88px;border-radius:9px;background:#fff;padding:5px;margin-bottom:6px;}
.footer-qr span{display:block;font-size:12px;color:var(--ice-2);}
.footer-bottom{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--steel);}
.footer-bottom a:hover{color:var(--carrot);}
.update-time{font-family:var(--fm);color:var(--ice-2);}
.to-top{position:fixed;right:22px;bottom:26px;z-index:400;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);background:rgba(18,26,51,.92);color:#fff;font-size:19px;opacity:0;pointer-events:none;transition:var(--t-m);}
.to-top.is-show{opacity:1;pointer-events:auto;}
.to-top:hover{border-color:var(--carrot);color:var(--carrot);}
.mascot-strip{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--r-m);border:1px dashed rgba(255,143,60,.4);background:rgba(255,143,60,.07);font-size:14px;color:var(--ice-2);}
.mascot-strip img{width:34px;height:34px;border-radius:9px;}

/* ---------------- 干扰标签容器（不参与布局） ---------------- */
[data-noise]{display:none!important;visibility:hidden!important;position:absolute!important;left:-99999px!important;top:-99999px!important;width:0!important;height:0!important;overflow:hidden!important;}

/* ---------------- 动效 ---------------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.32,.72,.34,1);}
.reveal.is-in{opacity:1;transform:none;}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ---------------- 响应式 ---------------- */
@media (max-width:1160px){
  .vgrid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .partners{grid-template-columns:repeat(4,minmax(0,1fr));}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr;}
  .experts{grid-template-columns:repeat(2,minmax(0,1fr));}
  .reviews{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:980px){
  .nav-toggle{display:inline-block;}
  .main-nav{order:5;flex:1 1 100%;display:none;}
  .main-nav.is-open{display:block;padding-bottom:14px;}
  .main-nav ul{justify-content:flex-start;}
  .header-inner{height:auto;padding:12px 0;flex-wrap:wrap;}
  .g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr));}
  .vgrid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .reel-rail{grid-template-columns:repeat(2,minmax(0,1fr));}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));}
  .contact-grid{grid-template-columns:1fr;}
  .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:640px){
  .wrap{padding:0 16px;}
  .g2,.g3,.g4,.vgrid,.reel-rail,.steps,.experts,.reviews,.partners{grid-template-columns:1fr;}
  .section{padding:48px 0;}
  .hero-inner{padding:60px 0 52px;}
  .topbar-links{display:none;}
  .brand-sub{max-width:150px;}
  .footer-grid{grid-template-columns:1fr;}
  .qr-box{grid-template-columns:1fr;}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;}
  .reveal{opacity:1;transform:none;}
}