.hm-wrap{max-width:1304px;margin:0 auto;padding:0 32px}.hm-hero{position:relative;display:flex;flex-direction:column;min-height:calc(100svh - 65px);overflow:hidden;background:radial-gradient(900px 520px at 78% 32%,#fff 0,#fff0 70%),var(--zn-cream)}.hm-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--zn-hair) 1px,transparent 1px);background-size:100% 44px;opacity:.3;-webkit-mask:linear-gradient(90deg,#000 0,transparent 42%);mask:linear-gradient(90deg,#000 0,transparent 42%);pointer-events:none}.hm-stage{position:relative;flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;padding-top:26px;padding-bottom:26px}.hm-copy{display:flex;align-items:flex-end;gap:40px;padding-bottom:22px}.hm-eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--zn-gold);font-size:13px;font-weight:650;letter-spacing:3px}.hm-eyebrow:before{content:"";width:28px;height:1px;background:var(--zn-gold)}.hm-copy h1{margin:10px 0 0;color:var(--zn-deep);font-family:var(--zn-serif);font-size:36px;font-weight:900;line-height:1.2;letter-spacing:0;white-space:nowrap}.hm-br{display:none}.hm-copy h1 em{position:relative;z-index:0;font-style:normal}.hm-copy h1 em:after{content:"";position:absolute;left:-2px;right:-2px;bottom:4px;z-index:-1;height:11px;border-radius:2px;background:linear-gradient(90deg,#f0c97c,#e7a94b);opacity:.6;animation:hm-glow 1.2s .3s ease-out both;transform-origin:left}@keyframes hm-glow{0%{transform:scaleX(0)}}.hm-lead{max-width:470px;margin:0 0 4px auto;color:var(--zn-deep-2);font-size:15px;line-height:1.8}.hm-cta{display:none}.hm-feature-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.hm-feature-head h2{display:flex;align-items:center;gap:8px;margin:0;color:var(--zn-deep);font-family:var(--zn-serif);font-size:22px;font-weight:900;letter-spacing:3px}.hm-feature-head h2 svg{color:#e0564a}.hm-feature-head h2 em{margin-left:4px;padding:2px 10px;border-radius:999px;background:var(--zn-deep);color:#f0c97c;font-family:var(--zn-font);font-size:13px;font-style:normal;font-weight:700;letter-spacing:0}.hm-feature-head small{color:var(--zn-muted);font-size:14px}.hm-rail{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(var(--rest, 4),minmax(0,1fr));gap:16px;height:clamp(400px,calc(100svh - 440px),500px)}.hm-fcard{position:relative;display:flex;flex-direction:column;min-width:0;padding:22px 22px 0;overflow:hidden;border-radius:22px;background:var(--tone);background:radial-gradient(260px 200px at 100% 0,rgba(255,255,255,.16),transparent 70%),linear-gradient(165deg,var(--tone) 0%,color-mix(in srgb,var(--tone) 72%,#0d1a2c) 100%);color:#fff;text-decoration:none;box-shadow:0 24px 44px -26px #13233a99;box-shadow:0 24px 44px -26px color-mix(in srgb,var(--tone) 80%,#000);transition:transform .25s,box-shadow .25s}.hm-fcard:hover{color:#fff;text-decoration:none;transform:translateY(-6px);box-shadow:0 34px 54px -26px color-mix(in srgb,var(--tone) 85%,#000)}.hm-fcard:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.2px);background-size:16px 16px;-webkit-mask:linear-gradient(180deg,#000,transparent 45%);mask:linear-gradient(180deg,#000,transparent 45%);pointer-events:none}.hm-fcard-ribbon{position:absolute;right:16px;top:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1px;width:40px;padding:8px 0 12px;background:linear-gradient(180deg,#f0c97c,#d9a54e);color:#3a2604;font-size:12px;font-weight:800;line-height:1.15;clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%)}.hm-fcard-ribbon b{font-family:var(--zn-serif);font-size:17px;font-weight:900;line-height:1}.hm-fcard-top{position:relative;display:flex;align-items:center;gap:12px}.hm-fcard-top .zn-product-icon{color:var(--tone);box-shadow:0 10px 20px -10px #0006}.hm-fcard-pop{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#0000002e;font-size:12.5px;font-weight:700}.hm-fcard-name{position:relative;margin-top:16px;font-family:var(--zn-serif);font-size:clamp(19px,1.5vw,23px);font-weight:900;line-height:1.15;white-space:nowrap}.hm-fcard-desc{position:relative;display:-webkit-box;min-height:3.2em;margin-top:9px;overflow:hidden;color:#ffffffe0;font-size:14px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hm-fcard-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.hm-fcard-chips span{display:inline-flex;align-items:center;gap:5px;padding:4px 10px 4px 5px;border-radius:999px;background:#ffffff24;font-size:13px;font-weight:650;white-space:nowrap}.hm-fcard-chips svg{padding:3px;border-radius:50%;background:#ffffff38;box-sizing:content-box}.hm-fcard-go{position:relative;display:inline-flex;align-items:center;align-self:flex-start;gap:6px;margin-top:16px;padding:9px 16px;border-radius:999px;background:#fff;color:var(--zn-deep);color:color-mix(in srgb,var(--tone) 80%,#000);font-size:14.5px;font-weight:800;white-space:nowrap;box-shadow:0 10px 20px -10px #00000073}.hm-fcard-shot{position:relative;flex:1;min-height:0;margin:20px -4px 0}.hm-fcard-paper{position:absolute;left:8px;right:8px;top:0;height:118%;overflow:hidden;border-radius:10px 10px 0 0;background:#fff;box-shadow:0 -6px 30px -10px #00000073;transform:rotate(-2deg);transform-origin:top left;transition:transform .4s ease}.hm-fcard-paper.flat{left:4px;right:4px;border-radius:12px 12px 0 0;transform:none}.hm-fcard:hover .hm-fcard-paper{transform:translateY(-6px)}.hm-fcard-paper .zn-visual{height:100%}.hm-fcard-paper.video img{object-position:center}.hm-fcard-play{position:absolute;left:50%;top:44%;display:grid;place-items:center;width:56px;height:56px;margin:-28px 0 0 -28px;padding-left:3px;border-radius:50%;background:#fffffff2;color:var(--zn-deep);box-shadow:0 10px 30px #00000059;transition:transform .25s}.hm-fcard:hover .hm-fcard-play{transform:scale(1.1)}.hm-fcard.lead{padding:24px 26px 0}.hm-fcard.lead .hm-fcard-name{font-size:clamp(25px,1.95vw,30px)}.hm-fcard.lead .hm-fcard-desc{min-height:0}.hm-fcard.lead .hm-fcard-shot{margin:18px 0 0}.hm-fcard.lead .hm-fcard-paper{left:0;right:0}.hm-more{position:relative;padding:18px 0 22px;border-top:1px solid var(--zn-hair);background:#fbf9f5eb}.hm-more-head{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}.hm-more-head h3{margin:0;color:var(--zn-deep);font-family:var(--zn-serif);font-size:18px;font-weight:800;letter-spacing:2px}.hm-more-head span{color:var(--zn-muted);font-size:13px}.hm-more-all{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:0;border:0;background:transparent;color:var(--zn-gold);font:inherit;font-size:14px;font-weight:650;white-space:nowrap;cursor:pointer}.hm-shelf-tools{display:grid;grid-template-columns:repeat(var(--cols, 5),minmax(0,1fr)) minmax(0,.9fr);gap:14px}.hm-tool{position:relative;display:flex;gap:12px;min-width:0;padding:15px 14px 15px 15px;border:1px solid var(--zn-hair);border-radius:14px;background:#fff;color:var(--zn-deep);text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.hm-tool:hover{border-color:#d8cdb8;color:var(--zn-deep);text-decoration:none;transform:translateY(-3px);box-shadow:0 16px 32px -16px #13233a59}.hm-tool .zn-product-icon{box-shadow:0 6px 14px -8px #13233a99}.hm-tool-body{min-width:0}.hm-tool-body b{display:flex;align-items:center;gap:6px;font-size:15.5px;font-weight:750;white-space:nowrap}.hm-tool-body b small{padding:1px 6px;border-radius:5px;background:var(--zn-cream);color:var(--zn-muted);font-size:11px;font-weight:550}.hm-tool-body>span{display:-webkit-box;margin-top:5px;overflow:hidden;color:var(--zn-muted);font-size:12.5px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hm-tool-go{position:absolute;right:12px;top:14px;color:var(--zn-gold);opacity:0;transition:opacity .2s,transform .2s}.hm-tool:hover .hm-tool-go{opacity:1;transform:translate(2px)}.hm-coming{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:12px 14px;border:1px dashed var(--zn-line-strong);border-radius:14px}.hm-coming b{color:var(--zn-deep-2);font-size:13.5px;font-weight:700}.hm-coming div{display:flex;flex-wrap:wrap;gap:4px 10px}.hm-coming button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:var(--zn-muted);font:inherit;font-size:12px;cursor:pointer}.hm-coming button:hover{color:var(--zn-deep)}.hm-coming i{width:6px;height:6px;border-radius:50%}.hm-toolgrid{display:none}.hm-market{padding:92px 0 72px;background:var(--zn-cream-2)}.hm-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.hm-sec-head h2{margin:4px 0 0;color:var(--zn-deep);font-family:var(--zn-serif);font-size:40px;font-weight:900;letter-spacing:.5px}.hm-sec-head p{max-width:760px;margin:12px 0 0;color:var(--zn-muted);font-size:15.5px;line-height:1.8}.hm-more-link{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding-bottom:4px;border-bottom:1px solid var(--zn-deep);color:var(--zn-deep);font-size:15px;font-weight:650;text-decoration:none}.hm-more-link:hover{color:var(--zn-gold);border-color:var(--zn-gold);text-decoration:none}.hm-tabs{display:flex;gap:30px;margin-top:34px;border-bottom:1px solid var(--zn-hair);overflow-x:auto;scrollbar-width:none}.hm-tabs button{position:relative;display:inline-flex;align-items:center;gap:6px;padding:14px 0;border:0;background:transparent;color:var(--zn-muted);font:inherit;font-size:15.5px;white-space:nowrap;cursor:pointer}.hm-tabs button small{color:var(--zn-faint);font-size:12px}.hm-tabs button:hover{color:var(--zn-deep)}.hm-tabs button.on{color:var(--zn-deep);font-weight:750}.hm-tabs button.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--zn-deep)}.hm-feature-row{display:grid;grid-template-columns:400px minmax(0,1fr);gap:24px;margin-top:30px}.hm-intro{position:relative;display:flex;flex-direction:column;min-height:460px;overflow:hidden;padding:34px 32px;border-radius:18px;background:linear-gradient(160deg,#1a2e4a,#0f1d31);color:#fff;text-decoration:none}.hm-intro:hover{color:#fff;text-decoration:none}.hm-intro-k{color:var(--zn-gold-bright);font-size:13px;font-weight:650;letter-spacing:2.5px}.hm-intro h3{margin:12px 0 0;font-family:var(--zn-serif);font-size:32px;font-weight:900;line-height:1.35}.hm-intro p{margin:10px 0 0;color:#b8c3d2;font-size:14.5px;line-height:1.8}.hm-intro-nums{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:22px;color:#9fb0c6;font-size:12.5px}.hm-intro-nums b{display:block;color:#ffe2ab;font-family:var(--zn-serif);font-size:26px;font-weight:800}.hm-intro-go{position:absolute;right:26px;top:30px;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.3);border-radius:50%;transition:background .2s,color .2s}.hm-intro:hover .hm-intro-go{background:var(--zn-gold-bright);color:var(--zn-deep)}.hm-intro-stack{position:relative;display:block;flex:1;min-height:160px;margin:24px -32px -34px}.hm-intro-stack img{position:absolute;bottom:-30px;width:190px;height:142px;border:3px solid #fff;border-radius:8px;background:#fff;object-fit:cover;box-shadow:0 18px 40px #00000073;transition:transform .4s}.hm-intro-stack img:nth-child(1){left:24px;transform:rotate(-6deg)}.hm-intro-stack img:nth-child(2){left:128px;bottom:-14px;transform:rotate(2deg)}.hm-intro-stack img:nth-child(3){left:236px;transform:rotate(7deg)}.hm-intro:hover .hm-intro-stack img:nth-child(1){transform:rotate(-9deg) translateY(-8px)}.hm-intro:hover .hm-intro-stack img:nth-child(3){transform:rotate(10deg) translateY(-8px)}.hm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.hm-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}.hm-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--zn-hair);border-radius:14px;background:#fff;color:var(--zn-deep);text-decoration:none;transition:transform .2s,box-shadow .2s}.hm-card:hover{color:var(--zn-deep);text-decoration:none;transform:translateY(-3px);box-shadow:0 18px 36px -18px #13233a59}.hm-card.skeleton{min-height:270px;background:linear-gradient(100deg,#fff 30%,#f6f2ea,#fff 70%) 0 0 / 200% 100%;animation:hm-shine 1.4s linear infinite}@keyframes hm-shine{to{background-position:-200% 0}}.hm-thumb{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;border-bottom:1px solid var(--zn-hair);background:#f4f1ea}.hm-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.hm-card:hover .hm-thumb img{transform:scale(1.04)}.hm-thumb em{position:absolute;left:10px;top:10px;display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:#fffffff0;box-shadow:0 2px 8px #00000014;color:var(--zn-deep-2);font-size:11.5px;font-style:normal;font-weight:650}.hm-thumb em i{width:6px;height:6px;border-radius:50%}.hm-card-body{display:flex;flex-direction:column;flex:1;padding:13px 15px 14px}.hm-card-body b{display:-webkit-box;height:43px;overflow:hidden;font-size:14.5px;font-weight:650;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hm-card-body small{margin-top:4px;overflow:hidden;color:var(--zn-faint);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.hm-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px dashed var(--zn-hair);color:var(--zn-faint);font-size:12px}.hm-card-foot .price{display:inline-flex;align-items:center;gap:4px;color:var(--zn-gold);font-size:14px;font-weight:750}.hm-shelf{margin-top:60px}.hm-shelf-head{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.hm-shelf-head h3{margin:0;color:var(--zn-deep);font-family:var(--zn-serif);font-size:24px;font-weight:800}.hm-shelf-head span{color:var(--zn-muted);font-size:14px}.hm-shelf-head a{display:inline-flex;align-items:center;gap:2px;margin-left:auto;color:var(--zn-deep-2);font-size:14px;text-decoration:none;white-space:nowrap}.hm-shelf-head a:hover{color:var(--zn-gold);text-decoration:none}.hm-tab-body{display:flex;flex-direction:column;align-items:center;gap:28px;margin-top:30px}.hm-tab-body .hm-grid{width:100%}.hm-sell{display:flex;align-items:center;gap:40px;margin-top:72px;padding:38px 46px;border:1px solid #ead9b7;border-radius:20px;background:var(--zn-gold-soft)}.hm-sell h3{margin:0;color:var(--zn-deep);font-family:var(--zn-serif);font-size:27px;font-weight:900}.hm-sell p{margin:6px 0 0;color:#6f5a35;font-size:15px;line-height:1.7}.hm-sell .zn-btn{flex-shrink:0;margin-left:auto}@media(min-width:1081px)and (max-height:820px){.hm-stage{padding-top:16px;padding-bottom:14px}.hm-copy{padding-bottom:14px}.hm-copy h1{font-size:32px}.hm-feature-head{margin-bottom:10px}.hm-more{padding:12px 0 14px}.hm-more-head{margin-bottom:10px}.hm-tool{padding:11px 12px}.hm-tool-body>span{-webkit-line-clamp:1}}@media(max-width:1240px){.hm-copy h1{font-size:32px}.hm-lead{max-width:420px;font-size:14px}.hm-more-head span{display:none}.hm-tool .zn-product-icon{width:36px!important;height:36px!important}.hm-rail{gap:12px}.hm-fcard{padding:18px 18px 0}.hm-fcard.lead{padding:20px 22px 0}.hm-fcard-ribbon{right:12px}.hm-feature-row{grid-template-columns:320px minmax(0,1fr)}.hm-intro-stack img{width:150px;height:112px}.hm-intro-stack img:nth-child(2){left:100px}.hm-intro-stack img:nth-child(3){left:180px}}@media(max-width:1080px){.hm-hero{min-height:0}.hm-shelf-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.hm-stage{padding-top:40px}.hm-copy{flex-direction:column;align-items:flex-start;gap:12px}.hm-lead{max-width:640px;margin:0}.hm-rail{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:400px;height:auto}.hm-fcard.lead{grid-column:span 2}.hm-fcard-name{font-size:22px}.hm-fcard.lead .hm-fcard-name{font-size:28px}.hm-feature-row{grid-template-columns:1fr}.hm-intro{min-height:0}.hm-intro-stack{display:none}.hm-grid.three,.hm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hm-grid>:nth-child(n+7){display:none}}@media(max-width:900px){.hm-wrap{padding:0 16px}.hm-hero:before{display:none}.hm-stage{padding-top:30px;padding-bottom:8px}.hm-copy{gap:0;padding-bottom:24px}.hm-eyebrow{font-size:12px;letter-spacing:2px}.hm-copy h1{margin-top:14px;font-size:clamp(30px,9vw,40px);line-height:1.3;white-space:normal}.hm-br{display:inline}.hm-copy h1 em:after{bottom:4px;height:10px}.hm-lead{margin-top:12px;font-size:14.5px;line-height:1.8}.hm-cta{display:flex;gap:10px;width:100%;margin-top:20px}.hm-cta .zn-btn.lg{flex:1;height:46px;padding:0 14px;font-size:15px}.hm-feature{min-width:0}.hm-feature-head{flex-wrap:wrap;gap:4px 10px;margin-bottom:12px}.hm-feature-head h2{font-size:19px;letter-spacing:2px}.hm-feature-head small{font-size:12.5px}.hm-feature-head small:after{content:" · 左右滑动"}.hm-rail{display:flex;gap:12px;height:auto;margin:0 -16px;padding:0 16px 14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none}.hm-rail::-webkit-scrollbar{display:none}.hm-fcard{flex:0 0 70%;height:360px;padding:18px 18px 0;scroll-snap-align:start}.hm-fcard.lead{flex-basis:84%;padding:18px 20px 0}.hm-fcard:hover{transform:none}.hm-fcard-name{font-size:21px}.hm-fcard.lead .hm-fcard-name{font-size:25px}.hm-fcard-go{margin-top:14px;padding:8px 14px;font-size:14px}.hm-more{display:none}.hm-toolgrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 4px;margin:18px 16px 6px;padding:16px 6px;border:1px solid var(--zn-hair);border-radius:16px;background:#fff}.hm-toolgrid a,.hm-toolgrid button{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:0;border:0;background:transparent;color:var(--zn-deep-2);font:inherit;font-size:11.5px;text-align:center;text-decoration:none;white-space:nowrap}.hm-toolgrid-all{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--zn-cream);color:var(--zn-deep)}.hm-market{padding:44px 0 40px}.hm-sec-head{flex-direction:column;align-items:flex-start;gap:10px}.hm-sec-head h2{font-size:25px}.hm-sec-head p{font-size:13.5px}.hm-more-link{display:none}.hm-tabs{gap:20px;margin-top:18px}.hm-tabs button{padding:10px 0;font-size:14px}.hm-feature-row{margin-top:16px}.hm-intro{display:none}.hm-grid.three,.hm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hm-grid>:nth-child(n+7){display:flex}.hm-card-body{padding:9px 10px 10px}.hm-card-body b{height:38px;font-size:13px}.hm-card-body small{display:none}.hm-card-foot{margin-top:6px;padding-top:6px;font-size:11.5px}.hm-card-foot .price{font-size:13px}.hm-thumb em{left:6px;top:6px;padding:2px 7px;font-size:10.5px}.hm-shelf{margin-top:34px}.hm-shelf-head{flex-wrap:wrap;gap:4px 10px;margin-bottom:12px}.hm-shelf-head h3{font-size:19px}.hm-shelf-head span{display:none}.hm-sell{flex-direction:column;align-items:stretch;gap:16px;margin-top:40px;padding:24px 20px}.hm-sell h3{font-size:20px}.hm-sell p{font-size:13.5px}.hm-sell .zn-btn{margin-left:0}}
