:root{--ink:#0a0714;--ink-2:#141022;--cream:#f5f0e8;--paper:#fbf8f3;--violet:#805cff;--coral:#ff6b50;--cyan:#43dfd0;--gold:#ffc864;--line:rgba(15,10,29,.14);--shadow:0 24px 80px rgba(16,8,42,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:999;background:#fff;padding:.8rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}.announcement{height:34px;background:var(--coral);color:#1a0b08;overflow:hidden;font:800 11px/34px "Space Grotesk","DIN Alternate",Arial,sans-serif;letter-spacing:.13em;white-space:nowrap}.announcement-track{display:inline-flex;min-width:max-content;gap:5rem;animation:ticker 28s linear infinite}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,68px);position:absolute;top:34px;left:0;right:0;z-index:20;color:#fff;border-bottom:1px solid rgba(255,255,255,.16);transition:.3s}.site-header.scrolled{position:fixed;top:0;background:rgba(9,6,22,.9);backdrop-filter:blur(18px);box-shadow:0 10px 40px rgba(0,0,0,.2)}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{width:43px;height:43px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:700 13px "Space Grotesk","DIN Alternate",Arial,"DIN Alternate","Helvetica Neue",Arial,sans-serif}.brand strong{display:block;font-size:16px;letter-spacing:.06em}.brand small{display:block;font:600 8px "Space Grotesk";letter-spacing:.18em;opacity:.62;margin-top:2px}.desktop-nav{display:flex;gap:32px;font-size:13px}.desktop-nav a{opacity:.66;transition:.2s}.desktop-nav a:hover,.desktop-nav a.active{opacity:1}.desktop-nav a.active:after{content:"";display:block;width:16px;height:2px;background:var(--coral);margin:7px auto 0}.header-actions{display:flex;align-items:center;gap:9px}.icon-btn,.menu-button{color:inherit;background:none;border:0}.icon-btn{font-size:24px}.order-link{font-size:12px;padding:10px 12px}.bag-button{border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.09);color:#fff;padding:10px 14px;border-radius:999px;font-size:12px}.bag-button span{display:inline-grid;place-items:center;width:20px;height:20px;background:#fff;color:var(--ink);border-radius:50%;margin-left:7px}.menu-button{display:none;width:36px}.menu-button span{display:block;height:1px;background:currentColor;margin:7px}.mobile-menu{position:fixed;inset:0;background:var(--ink);color:#fff;z-index:18;padding:130px 28px 40px;display:flex;flex-direction:column;gap:18px;transform:translateY(-105%);transition:.4s}.mobile-menu.open{transform:none}.mobile-menu a{font-size:28px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:16px}
.hero{min-height:820px;height:calc(100vh - 34px);position:relative;color:#fff;display:flex;align-items:center;overflow:hidden;background:var(--ink)}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(4,5,18,.92) 0%,rgba(8,7,25,.66) 33%,rgba(8,7,25,.05) 70%),linear-gradient(0deg,rgba(5,3,16,.74),transparent 45%)}.hero-copy{position:relative;z-index:2;margin-left:clamp(22px,8vw,130px);max-width:690px;padding-top:80px}.eyebrow,.section-index{font:700 11px "Space Grotesk";letter-spacing:.18em}.eyebrow{color:#c9bcff;display:flex;align-items:center;gap:9px}.live-dot{width:7px;height:7px;background:var(--coral);box-shadow:0 0 0 7px rgba(255,107,80,.16);border-radius:50%}.hero h1{font-size:clamp(46px,6.2vw,96px);line-height:1.03;letter-spacing:-.05em;margin:27px 0 24px;max-width:850px}.hero h1 span{color:var(--coral);font-family:serif;font-style:italic;font-weight:500}.hero-copy>p{max-width:580px;font-size:17px;line-height:1.85;color:rgba(255,255,255,.7)}.hero-cta{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.btn{border:0;border-radius:999px;padding:15px 22px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:14px;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--coral);color:#190d0a;box-shadow:0 13px 35px rgba(255,107,80,.25)}.btn-glass{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);color:#fff;backdrop-filter:blur(10px)}.btn-outline{border:1px solid var(--line);background:transparent}.btn.full{width:100%}.play{font-size:10px;width:26px;height:26px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center}.hero-meta{display:flex;gap:44px;margin-top:55px}.hero-meta div{display:flex;flex-direction:column}.hero-meta strong{font:700 22px "Space Grotesk","DIN Alternate",Arial,"DIN Alternate","Helvetica Neue",Arial,sans-serif}.hero-meta span{font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.52);margin-top:5px}.hero-side-card{position:absolute;right:clamp(25px,5vw,80px);bottom:72px;width:265px;background:rgba(14,8,31,.7);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);padding:24px;z-index:3}.side-label{font-size:10px;letter-spacing:.18em;color:var(--cyan)}.side-number{font:700 50px "Space Grotesk";position:absolute;right:18px;top:8px;opacity:.12}.hero-side-card h2{font-size:18px;margin:25px 0 7px}.hero-side-card p{font-size:12px;color:rgba(255,255,255,.55)}.hero-side-card a{font-size:12px;display:flex;justify-content:space-between;margin-top:25px;padding-top:15px;border-top:1px solid rgba(255,255,255,.15)}.scroll-note{position:absolute;z-index:3;bottom:32px;left:32px;font:600 8px "Space Grotesk";letter-spacing:.17em;transform:rotate(-90deg);transform-origin:left center}.scroll-note span{display:inline-block;width:45px;height:1px;background:#fff;vertical-align:middle;margin-left:9px}.marquee-strip{background:var(--cream);border-bottom:1px solid var(--line);overflow:hidden;padding:19px 0;white-space:nowrap}.marquee-strip div{display:inline-block;font:700 12px "Space Grotesk";letter-spacing:.17em;animation:ticker 32s linear infinite}.marquee-strip i{color:var(--coral);font-style:normal;margin:0 30px}
.section{padding:115px clamp(22px,7vw,110px)}.section-heading{display:grid;grid-template-columns:1.5fr .7fr;gap:60px;align-items:end;margin-bottom:55px}.section-index{display:block;color:var(--violet);margin-bottom:18px}.section-index.light{color:#baa9ff}.section-heading h2,.story-intro h2,.faq-title h2{font-size:clamp(38px,5vw,70px);line-height:1.08;letter-spacing:-.04em;margin:0}.section-heading h2 em{color:var(--violet);font-family:serif;font-weight:500}.section-heading p{color:#6b6573;line-height:1.8;font-size:14px;max-width:430px}.filter-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-bottom:30px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;border-radius:999px;padding:9px 15px;font-size:12px;color:#6b6573}.filter.active,.filter:hover{background:var(--ink);color:#fff}.result-count{font-size:12px;color:#847e89}.result-count b{color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-card{background:#fff;border:1px solid rgba(16,9,31,.1);border-radius:3px;overflow:hidden;position:relative;transition:.35s;min-width:0}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.product-image{height:250px;background:#f0ece5;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:.6s}.product-card:hover .product-image img{transform:scale(1.055)}.product-badge{position:absolute;top:13px;left:13px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-radius:999px;padding:7px 10px;font:700 9px "Space Grotesk";letter-spacing:.08em}.wish{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.9);border:0;font-size:18px;z-index:2}.wish.saved{background:var(--coral);color:#fff}.quick-view{position:absolute;inset:auto 12px 12px;transform:translateY(70px);opacity:0;border:0;background:var(--ink);color:#fff;padding:12px;width:calc(100% - 24px);transition:.3s;font-weight:700;font-size:12px}.product-card:hover .quick-view{opacity:1;transform:none}.product-info{padding:18px}.product-series{font:600 9px "Space Grotesk";letter-spacing:.15em;color:var(--violet)}.product-info h3{font-size:15px;margin:10px 0 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-bottom{display:flex;align-items:center;justify-content:space-between}.price{font:700 19px "Space Grotesk","DIN Alternate",Arial,"DIN Alternate","Helvetica Neue",Arial,sans-serif}.buy-arrow{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#f0edf7;transition:.2s}.buy-arrow:hover{background:var(--coral)}.empty{grid-column:1/-1;padding:70px;text-align:center;color:#777}
.story-section{background:var(--ink);color:#fff;padding:120px clamp(22px,7vw,110px);overflow:hidden}.story-intro{max-width:850px}.story-intro h2 span{color:var(--coral);font-family:serif;font-style:italic;font-weight:500}.story-intro p{max-width:620px;color:rgba(255,255,255,.55);line-height:1.9;margin:30px 0 70px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}.timeline:before{content:"";position:absolute;height:1px;left:0;right:0;top:31px;background:rgba(255,255,255,.15)}.timeline-card{position:relative;padding-top:62px}.timeline-card:before{content:"";position:absolute;top:25px;left:0;width:13px;height:13px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 6px rgba(255,255,255,.06)}.timeline-top{position:absolute;top:0;left:24px;right:0;display:flex;justify-content:space-between;align-items:center}.timeline-top span{font:700 11px "Space Grotesk","DIN Alternate",Arial,"DIN Alternate","Helvetica Neue",Arial,sans-serif}.timeline-top b{font:600 8px "Space Grotesk";letter-spacing:.12em;color:rgba(255,255,255,.35)}.timeline-card img{height:310px;width:100%;object-fit:cover;filter:saturate(.86);border-bottom:3px solid var(--accent)}.timeline-card h3{font-size:19px;margin:18px 0 8px}.timeline-card p{font-size:12px;line-height:1.7;color:rgba(255,255,255,.5);margin:0}.process-section{background:var(--cream)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.process-card{position:relative;padding:38px;min-height:290px;border-right:1px solid var(--line)}.process-card:last-child{border:0}.process-card>span{font:700 10px "Space Grotesk";color:#8b8490}.process-icon{font-size:42px;color:var(--violet);margin:43px 0 28px}.process-card h3{margin:0 0 9px;font-size:18px}.process-card p{font-size:13px;color:#756f78;line-height:1.7}.promise-banner{margin-top:18px;background:var(--violet);color:#fff;display:grid;grid-template-columns:1fr 1.4fr auto;gap:20px;align-items:center;padding:23px 28px}.promise-banner div{display:flex;align-items:center;gap:14px}.promise-banner strong{font-size:13px}.promise-banner p{font-size:12px;color:rgba(255,255,255,.75)}.promise-banner a{font-size:12px;font-weight:700}.pulse-ring{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(67,223,208,.18)}
.faq-section{background:#201831;color:#fff;padding:115px clamp(22px,7vw,110px);display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-list details{border-top:1px solid rgba(255,255,255,.16);padding:24px 0}.faq-list details:last-child{border-bottom:1px solid rgba(255,255,255,.16)}.faq-list summary{cursor:pointer;list-style:none;font-weight:600;font-size:15px;display:flex;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--coral);font-size:20px;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:rgba(255,255,255,.52);line-height:1.8;max-width:600px}footer{background:#0d0918;color:#fff;padding:70px clamp(22px,7vw,110px) 25px}.footer-brand{display:flex;align-items:center;gap:17px}.footer-brand strong{display:block;font-size:23px}.footer-brand small{display:block;color:rgba(255,255,255,.45);margin-top:5px}.footer-links{display:flex;gap:30px;margin:48px 0;font-size:13px}.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:22px;display:flex;justify-content:space-between;font-size:10px;color:rgba(255,255,255,.37)}
.search-panel,.bag-drawer{position:fixed;z-index:101;background:var(--paper);transition:.42s cubic-bezier(.7,0,.2,1)}.search-panel{inset:0 0 auto;height:340px;transform:translateY(-105%);padding:75px clamp(25px,10vw,170px)}.search-panel.open{transform:none}.search-panel>div{max-width:900px}.search-panel span{font:700 10px "Space Grotesk";letter-spacing:.18em;color:var(--violet)}.search-panel label{font-size:26px;font-weight:800;display:block;margin:18px 0 8px}.search-panel input{width:100%;border:0;border-bottom:2px solid var(--ink);font-size:30px;background:transparent;padding:10px 0;outline:0}.search-panel p{font-size:11px;color:#888}.panel-close{position:absolute;right:25px;top:22px;width:38px;height:38px;border:0;border-radius:50%;background:#ece7df;font-size:22px}.bag-drawer{right:0;top:0;bottom:0;width:min(470px,100%);transform:translateX(105%);padding:34px;display:flex;flex-direction:column}.bag-drawer.open{transform:none}.drawer-head{position:relative;padding-bottom:25px;border-bottom:1px solid var(--line)}.drawer-head span{font:700 9px "Space Grotesk";letter-spacing:.17em;color:var(--violet)}.drawer-head h2{font-size:27px;margin:7px 0}.drawer-head .panel-close{top:0;right:0}.bag-items{flex:1;overflow:auto;padding:18px 0}.bag-empty{text-align:center;color:#888;padding:80px 20px;font-size:13px}.bag-item{display:grid;grid-template-columns:75px 1fr auto;gap:13px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.bag-item img{width:75px;height:68px;object-fit:cover}.bag-item h3{font-size:12px;margin:0 0 6px}.bag-item strong{font:700 13px "Space Grotesk","DIN Alternate",Arial,"DIN Alternate","Helvetica Neue",Arial,sans-serif}.bag-item button{border:0;background:none;color:#999;font-size:18px}.drawer-foot{border-top:1px solid var(--line);padding-top:19px}.drawer-foot p{font-size:10px;color:#8a858d;line-height:1.6}.scrim{position:fixed;inset:0;background:rgba(8,5,18,.66);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;transition:.3s}.scrim.show{opacity:1;pointer-events:auto}.modal{position:fixed;z-index:102;left:50%;top:50%;transform:translate(-50%,-45%) scale(.96);width:min(920px,calc(100% - 30px));background:var(--paper);display:grid;grid-template-columns:1fr 1fr;opacity:0;pointer-events:none;transition:.32s;max-height:90vh;overflow:auto}.modal.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.modal-media{background:#eee;min-height:540px}.modal-media img{width:100%;height:100%;object-fit:cover}.modal-content{padding:55px 45px;position:relative}.modal-content>span{font:700 10px "Space Grotesk";letter-spacing:.15em;color:var(--violet)}.modal-content h2{font-size:34px;line-height:1.2;margin:19px 0}.modal-content>p{font-size:13px;line-height:1.8;color:#736d78}.modal-info{display:grid;grid-template-columns:1fr 1fr;margin:35px 0;border-block:1px solid var(--line)}.modal-info>div{padding:18px 0}.modal-info>div+div{border-left:1px solid var(--line);padding-left:22px}.modal-info small,.modal-info strong{display:block}.modal-info small{font-size:9px;color:#999;margin-bottom:7px}.modal-info strong{font-size:17px}.modal-actions{display:flex;gap:8px}.modal-note{display:block;color:#999;margin-top:20px;line-height:1.5}.modal-close{z-index:2}.welcome{position:fixed;z-index:103;left:50%;top:50%;width:min(780px,calc(100% - 28px));background:var(--paper);transform:translate(-50%,-43%) scale(.96);display:grid;grid-template-columns:.9fr 1.1fr;opacity:0;pointer-events:none;transition:.35s;box-shadow:0 30px 120px rgba(0,0,0,.4)}.welcome.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.welcome-art{background:var(--violet);padding:25px;position:relative;overflow:hidden;min-height:390px}.welcome-art span{font:900 60px/0.8 "Space Grotesk";color:#fff;opacity:.16;position:absolute;top:28px;left:20px}.welcome-art img{position:absolute;width:88%;height:72%;object-fit:cover;right:-5%;bottom:0;transform:rotate(-4deg);box-shadow:-15px -10px 40px rgba(0,0,0,.2)}.welcome-copy{padding:58px 45px 42px}.welcome-copy h2{font-size:34px;line-height:1.18;margin:15px 0}.welcome-copy p{font-size:13px;line-height:1.8;color:#716c75;margin-bottom:28px}.text-button{display:block;border:0;background:none;color:#888;font-size:11px;margin:15px auto 0}.back-top{position:fixed;right:22px;bottom:22px;width:44px;height:44px;border-radius:50%;border:0;background:var(--ink);color:#fff;z-index:15;opacity:0;transform:translateY(15px);transition:.25s}.back-top.show{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(24px);transition:.8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@keyframes ticker{to{transform:translateX(-50%)}}@media (max-width:1050px){.desktop-nav{display:none}.menu-button{display:block}.product-grid{grid-template-columns:repeat(3,1fr)}.hero-side-card{display:none}.timeline{grid-template-columns:repeat(2,1fr);gap:45px 18px}.timeline:before{display:none}.faq-section{gap:50px}.product-image{height:230px}}
@media (max-width:720px){.announcement{height:30px;line-height:30px}.site-header{height:66px;top:30px;padding:0 18px}.site-header.scrolled{top:0}.brand-symbol{width:36px;height:36px}.brand small,.order-link,.icon-btn{display:none}.hero{height:auto;min-height:760px;align-items:flex-end}.hero-media img{object-position:64% center}.hero-shade{background:linear-gradient(0deg,rgba(6,4,18,.98) 8%,rgba(6,4,18,.6) 63%,rgba(6,4,18,.15))}.hero-copy{margin:0;padding:160px 22px 74px}.hero h1{font-size:48px}.hero-copy>p{font-size:14px}.hero-meta{gap:28px;margin-top:38px}.scroll-note{display:none}.section{padding:82px 20px}.section-heading{grid-template-columns:1fr;gap:14px}.section-heading h2,.story-intro h2,.faq-title h2{font-size:42px}.filter-bar{align-items:flex-end}.result-count{display:none}.filters{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.filter{white-space:nowrap}.product-grid{grid-template-columns:repeat(2,1fr);gap:9px}.product-image{height:190px}.product-info{padding:13px}.product-info h3{font-size:12px;margin-bottom:14px}.quick-view{display:none}.story-section{padding:82px 20px}.timeline{grid-template-columns:1fr 1fr;gap:36px 10px}.timeline-card{padding-top:46px}.timeline-card img{height:220px}.timeline-top{left:20px}.timeline-top b{display:none}.process-grid{grid-template-columns:1fr}.process-card{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:28px}.process-icon{margin:26px 0 18px}.promise-banner{grid-template-columns:1fr;padding:24px}.faq-section{padding:82px 20px;grid-template-columns:1fr;gap:45px}.footer-bottom{flex-direction:column;gap:9px}.search-panel{height:300px;padding:60px 22px}.search-panel input{font-size:21px}.modal{grid-template-columns:1fr;max-height:92vh}.modal-media{min-height:260px;height:260px}.modal-content{padding:30px 24px}.modal-content h2{font-size:26px}.welcome{grid-template-columns:1fr}.welcome-art{display:none}.welcome-copy{padding:50px 28px 32px}.welcome-copy h2{font-size:31px}}
@media (max-width:390px){.hero h1{font-size:41px}.hero-meta{gap:19px}.product-image{height:160px}.timeline-card img{height:180px}.bag-drawer{padding:25px 20px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.spot-progress{height:2px;background:rgba(255,255,255,.13);margin-top:18px;overflow:hidden}.spot-progress i{display:block;height:100%;width:0;background:var(--coral);animation:spotfill 5s linear infinite}@keyframes spotfill{from{width:0}to{width:100%}}


/* ===== sy501-imgtall 商品图加高 =====
   原来图片框固定 250px，竖版商品图会被上下裁掉很多。
   改成 4:5 比例（跟商品图 720x960 的 3:4 接近），画面基本完整，卡片也更高挑。 */
.section .product-grid .product-card .product-image{
  height:auto !important;
  aspect-ratio:4 / 5 !important;
  background:#f0ece5;
}
.section .product-grid .product-card .product-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}
@media (max-width:1000px){
  .section .product-grid .product-card .product-image{ aspect-ratio:4 / 5 !important; }
}
@media (max-width:720px){
  .section .product-grid .product-card .product-image{ aspect-ratio:1 / 1 !important; }
}
/* 时间线卡片图片同样别裁太狠 */
.section .timeline .timeline-card img{
  object-fit:cover !important;
  object-position:center !important;
}


/* ===== sy501-scale 整体字号与顶部横条放大 =====
   原来顶部公告条 30~34px 高、字号 11px，头部栏 78px，整体偏小。
   这一层只做「放大 + 协调」，不改布局结构，删掉本段即还原。
   桌面：公告条 46px / 头部 94px；手机：公告条 40px / 头部 76px */

/* ① 顶部公告条 */
.announcement{
  height:46px !important;
  font:800 13.5px/46px "Space Grotesk","DIN Alternate",Arial,sans-serif !important;
  letter-spacing:.16em !important;
  background:linear-gradient(90deg,#ff6b50 0%,#ff8158 50%,#ff6b50 100%) !important;
  box-shadow:inset 0 -1px 0 rgba(0,0,0,.07), 0 2px 12px rgba(255,107,80,.20);
}
.announcement-track{gap:6rem !important}

/* ② 头部栏（跟着公告条下移，整体放大） */
.site-header{
  height:94px !important;
  top:46px;
  padding:0 clamp(22px,4.4vw,76px) !important;
}
.brand-symbol{width:46px !important;height:46px !important}
.brand strong{font-size:19.5px !important;letter-spacing:.05em !important}
.brand small{font:600 10.5px "Space Grotesk","DIN Alternate",Arial,sans-serif !important;letter-spacing:.20em !important;margin-top:3px !important}
.desktop-nav{gap:36px !important;font-size:15px !important}
.order-link{font-size:14px !important;padding:11px 14px !important}
.bag-button{font-size:14px !important;padding:11px 17px !important}
.icon-btn{font-size:26px !important}

/* ③ 首屏高度跟随新的顶栏高度 */
.hero{height:calc(100vh - 46px) !important}

/* ④ 其它偏小的文字统一放大 */
.section-index{font:700 12.5px "Space Grotesk","DIN Alternate",Arial,sans-serif !important;letter-spacing:.20em !important}
.section-heading p{font-size:15.5px !important}
.section-heading h2,.story-intro h2,.faq-title h2{font-size:clamp(40px,5.2vw,74px) !important}
.filter{font-size:13.5px !important;padding:11px 18px !important}
.result-count{font-size:13px !important}
.product-series{font:600 11px "Space Grotesk","DIN Alternate",Arial,sans-serif !important;letter-spacing:.17em !important}
.product-info h3{font-size:16.5px !important}
.price{font-size:21px !important}
.marquee-strip{padding:22px 0 !important;font-size:13px !important}
.hero-meta strong{font-size:24px !important}
.hero-meta span{font-size:12.5px !important}
.hero-side-card h2{font-size:19.5px !important}
.hero-side-card p,.hero-side-card a{font-size:13px !important}
.side-label{font-size:11.5px !important}
.process-card h3{font-size:19px !important}
.timeline-card h3{font-size:20px !important}
.faq-list summary{font-size:16.5px !important}
.footer-bottom{font-size:12px !important}
.scroll-note{font-size:10px !important}

/* ⑤ 手机端等比调整 */
@media (max-width:1000px){
  .announcement{height:42px !important;line-height:42px !important;font-size:13px !important}
  .site-header{height:86px !important;top:42px}
  .brand-symbol{width:42px !important;height:42px !important}
  .brand strong{font-size:18px !important}
}
@media (max-width:720px){
  .announcement{height:40px !important;line-height:40px !important;font-size:12.5px !important}
  .site-header{height:72px !important;top:40px}
  .hero{height:auto !important}
  .section-index{font-size:11.5px !important}
  .filter{font-size:12.5px !important;padding:10px 15px !important}
  .product-info h3{font-size:15.5px !important}
  .price{font-size:19.5px !important}
}


/* ===== sy501-scale-fix 大标题在窄屏的适配 =====
   放大后手机端首屏主标题会顶到右边，这里按屏宽收敛字号。 */
@media (max-width:720px){
  .hero h1{font-size:clamp(27px,8.4vw,37px) !important;line-height:1.14 !important;letter-spacing:-.03em !important;max-width:100% !important}
  .section-heading h2,.story-intro h2,.faq-title h2{font-size:clamp(28px,8.6vw,38px) !important;line-height:1.16 !important;letter-spacing:-.03em !important}
  .hero-copy>p{font-size:14.5px !important;line-height:1.75 !important}
  .welcome-copy h2,.modal-content h2{font-size:26px !important}
}
@media (min-width:721px) and (max-width:1100px){
  .hero h1{font-size:clamp(38px,5.4vw,58px) !important}
  .section-heading h2,.story-intro h2,.faq-title h2{font-size:clamp(34px,5vw,58px) !important}
}


/* ===== sy501-sticky-top 吸顶时贴到最顶部 =====
   .site-header 的 top 由 sy501-scale 调成了 46px（对齐变高后的橙色条），
   这里确保「吸顶」状态贴到 top:0，橙色条则正常随页面滚走。 */
.site-header.scrolled{top:0 !important}
@media (max-width:1000px){ .site-header.scrolled{top:0 !important} }
@media (max-width:720px){ .site-header.scrolled{top:0 !important} }


/* ===== sy501-pager 商品分页 ===== */
a.filter{text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}
.sy-pager{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:8px;margin:52px 0 0;
}
.sy-pager .pg{
  min-width:42px;height:42px;padding:0 14px;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--line);border-radius:999px;
  font-size:13.5px;font-weight:600;color:#4a4356;text-decoration:none;
  background:#fff;transition:.22s;
}
.sy-pager a.pg:hover{border-color:var(--violet);color:var(--violet);transform:translateY(-1px)}
.sy-pager .pg-on{background:var(--ink);border-color:var(--ink);color:#fff}
.sy-pager .pg-off{opacity:.38;cursor:not-allowed}
@media (max-width:720px){
  .sy-pager{margin-top:34px;gap:6px}
  .sy-pager .pg{min-width:36px;height:36px;padding:0 11px;font-size:12.5px}
}


/* ===== sy501-slim 顶部横栏收细 + 501 标志缩小 =====
   上一轮 sy501-scale 把头部栏从 78px 加到 94px、501 标志从 43px 放大到 46px，
   这里按反馈收回来：横栏比原来还细一点，标志也小一圈。
   橙色公告条高度保持 46px 不变。 */
.site-header{
  height:74px !important;
  padding:0 clamp(22px,4.2vw,72px) !important;
}
.brand{gap:10px !important}
.brand-symbol{
  width:34px !important;
  height:34px !important;
  font:700 11px "Space Grotesk","DIN Alternate",Arial,sans-serif !important;
}
.brand strong{font-size:17px !important;letter-spacing:.05em !important}
.brand small{font:600 9px "Space Grotesk","DIN Alternate",Arial,sans-serif !important;letter-spacing:.18em !important;margin-top:2px !important}
.desktop-nav{font-size:14.5px !important}
.order-link,.bag-button{font-size:13.5px !important;padding:9px 14px !important}
.icon-btn{font-size:23px !important}

/* 页脚的 501 标志同步缩小，保持统一 */
.footer-brand .brand-symbol{width:34px !important;height:34px !important;font:700 11px "Space Grotesk","DIN Alternate",Arial,sans-serif !important}
.footer-brand strong{font-size:20px !important}

@media (max-width:1000px){
  .site-header{height:68px !important}
  .brand-symbol{width:31px !important;height:31px !important;font-size:10.5px !important}
  .brand strong{font-size:16px !important}
}
@media (max-width:720px){
  .site-header{height:62px !important}
  .brand-symbol{width:29px !important;height:29px !important;font-size:10px !important}
  .brand strong{font-size:15.5px !important}
}


/* ===== sy501-herofx 首屏修饰 =====
   ①「值得追下去」改成渐变文字（参照 sanyang501.top 的 .v2-grad 手法，
      配色换成与本页暖色调协调的 珊瑚橙 → 暖金），并加轻微发光；
   ② 首屏两个按钮放大，点击区域更舒服。 */
/* 标题里的关键词用的是 <em> 标签（原来只写了 span，所以一直没生效） */
.hero h1 em,
.hero h1 span{
  /* 与 sanyang501.top 的 .v2-grad 完全一致的渐变 */
  background:linear-gradient(100deg,#2f6bff,#00c9a7 55%,#7c4dff) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  font-family:inherit !important;
  font-style:normal !important;
  font-weight:800 !important;
}

/* 首屏按钮放大 */
.hero-cta{gap:16px !important;margin-top:42px !important}
.hero-cta .btn{
  padding:19px 32px !important;
  font-size:15px !important;
  font-weight:700 !important;
  gap:16px !important;
  border-radius:999px !important;
}
.hero-cta .btn .play{font-size:15px !important}
.hero-cta .btn:hover{transform:translateY(-3px) !important}

@media (max-width:1000px){
  .hero-cta .btn{padding:17px 28px !important;font-size:14.5px !important}
}
@media (max-width:720px){
  .hero-cta{gap:12px !important;margin-top:32px !important}
  .hero-cta .btn{padding:15px 22px !important;font-size:14px !important;gap:12px !important}
}


/* ===== sy501-noannounce 去掉顶部橙色公告条后的位置补偿 =====
   公告条（46px）已从页面移除，所以：
     ① 头部栏从 top:46px 回到 top:0（贴着页面最顶）
     ② 首屏高度把它原来占的 46px 补回来
   橙色条若以后要恢复：把本段删掉即可。 */
.site-header{top:0 !important}
.site-header.scrolled{top:0 !important}
.announcement{display:none !important}

@media (min-width:721px){
  .hero{height:100vh !important}
}
@media (max-width:720px){
  .site-header{top:0 !important}
  .site-header.scrolled{top:0 !important}
}


/* ===== sy501-modal-dark 快速预览弹窗改深色 =====
   原来弹窗左边 #eee 灰白、右边暖白，和整站深色调不协调。
   这里统一改成深色卡片，内容文字改浅色，与首屏/底部风格一致。 */
.modal{
  background:#0f0b1d !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:0 34px 100px rgba(0,0,0,.6) !important;
}
.modal-media{
  background:#070410 !important;
}
.modal-content{
  background:#0f0b1d !important;
}
.modal-content>span{
  color:#a48bff !important;
  font-weight:800 !important;
}
.modal-content h2{
  color:#fff !important;
}
.modal-content>p{
  color:rgba(255,255,255,.62) !important;
}
.modal-info{
  border-top:1px solid rgba(255,255,255,.14) !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}
.modal-info>div+div{
  border-left:1px solid rgba(255,255,255,.14) !important;
}
.modal-info small{
  color:rgba(255,255,255,.45) !important;
}
.modal-info strong{
  color:#fff !important;
}
.modal-note{
  color:rgba(255,255,255,.38) !important;
}
.modal .btn-outline{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.30) !important;
  color:#fff !important;
}
.modal .btn-outline:hover{
  border-color:rgba(255,255,255,.6) !important;
  background:rgba(255,255,255,.06) !important;
}
.modal .panel-close{
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
}