.xunji-hero{position:relative;overflow:hidden;background:#f7f3eb;color:#3d2e2e;border-radius:20px;margin:8px 0 4px}.xh-grain{opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.45 0 0 0 0 0.41 0 0 0 0 0.34 0 0 0 0.055 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E")}.xh-grain,.xh-vignette{position:absolute;inset:0;pointer-events:none}.xh-vignette{background:radial-gradient(120% 90% at 50% 40%,transparent 55%,#d8ccb43d 100%),radial-gradient(60% 45% at 100% 0,#cbbfa62e,transparent 70%)}.xh-light{position:absolute;inset:-20%;pointer-events:none;background:linear-gradient(105deg,transparent 38%,#fffdf3cc 47%,#fff9e8e6 50%,#fffdf3cc 53%,transparent 62%);filter:blur(14px);transform:translateX(-90%);opacity:0;animation:xhSweep 3s cubic-bezier(.33,.12,.22,1) .15s forwards}@keyframes xhSweep{0%{opacity:0;transform:translateX(-90%)}18%{opacity:.9}82%{opacity:.55}to{opacity:0;transform:translateX(90%)}}.xh-ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(55% 42% at 68% 22%,#fffbee80,transparent 70%);opacity:0;animation:xhAmbient 22s ease-in-out 3.4s infinite}@keyframes xhAmbient{0%,to{opacity:.25}50%{opacity:.6}}.xh-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(380px,46%) 1fr;align-items:center;gap:40px;padding:40px 48px 36px;min-height:560px}.xh-stage-coverflow{gap:24px;overflow:visible}.xh-coverflow-slot{position:relative;z-index:3;min-height:420px}@media (max-width:900px){.xh-coverflow-slot{min-height:380px}}.xh-headline{position:relative;min-width:0}.xh-motto{display:block;font-size:.74rem;letter-spacing:.45em;color:#8a7a7280;opacity:0;animation:xhIn 1.6s ease 2.9s forwards;font-family:"Noto Serif SC",STSong,serif;margin-bottom:10px}.xh-title-row{display:flex;align-items:flex-end;gap:14px;flex-wrap:nowrap}.xh-title-wrap{flex:0 1 auto;width:300px;max-width:78%;overflow:hidden;line-height:0;border-radius:6px}.xh-title{display:block;width:100%;height:auto;overflow:hidden}.xh-title text{font-family:Kaiti SC,STKaiti,KaiTi,DFKai-SB,serif;font-size:150px;fill:#3d2e2e}.xh-seal{flex:0 0 auto;width:46px;height:46px;display:grid;place-items:center;border-radius:7px;background:#8b4545;opacity:0;transform:scale(.7) rotate(-8deg);animation:xhSeal 1s cubic-bezier(.2,1.4,.4,1) 2.5s forwards;box-shadow:0 3px 10px #8b454533}.xh-seal span{color:#f7f3eb;font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:16px;font-weight:700;line-height:1.1;text-align:center}@keyframes xhSeal{0%{opacity:0;transform:scale(.7) rotate(-8deg)}55%{opacity:1;transform:scale(1.06) rotate(-3.5deg)}to{opacity:.92;transform:scale(1) rotate(-4deg)}}.xh-sub{margin-top:22px;font-size:1.02rem;color:#8a7a72;letter-spacing:.14em;line-height:2;font-family:"Noto Serif SC",STSong,serif}.xh-sub .xh-ch{display:inline-block;opacity:0;transform:translateY(8px);animation:xhRise .9s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:calc(1.9s + var(--i) * 55ms)}@keyframes xhRise{to{opacity:1;transform:translateY(0)}}.xh-sub .xh-dot{color:#8b4545}.xh-quote{margin-top:34px;opacity:0;animation:xhIn 1.6s ease 3s forwards}.xh-quote-t{font-size:.86rem;color:#8a7a72;letter-spacing:.08em;font-family:"Noto Serif SC",STSong,serif}.xh-quote-t em{font-style:normal;border-bottom:1px solid #8b454533;padding-bottom:2px;color:#3d2e2e}.xh-path{display:block;margin-top:6px;overflow:visible;width:320px;max-width:100%;height:60px}.xh-trail{fill:none;stroke:#8b4545;stroke-width:1.1;opacity:.7;stroke-dasharray:420;stroke-dashoffset:420;animation:xhDraw 3.2s cubic-bezier(.3,.2,.2,1) 3.3s forwards}@keyframes xhDraw{to{stroke-dashoffset:0}}.xh-walker{fill:#8b4545;opacity:0}.xh-pin{opacity:0;animation:xhIn 1s ease 6.4s forwards}.xh-actions{margin-top:32px;display:flex;gap:18px;align-items:center;opacity:0;animation:xhIn 1.4s ease 3.2s forwards;flex-wrap:wrap}.xh-btn{position:relative;overflow:hidden;font-family:"Noto Serif SC",STSong,serif;font-size:.92rem;letter-spacing:.22em;padding:13px 30px 13px 34px;cursor:pointer;border:1px solid #8a7a72;background:transparent;color:#3d2e2e;text-decoration:none;transition:color .6s,border-color .6s;display:inline-flex;align-items:center;gap:10px;border-radius:2px}.xh-blot{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 55%,#3d2e2e14 0,#3d2e2e09 42%,transparent 68%);transform:scale(0);transform-origin:18% 55%;transition:transform 1.1s cubic-bezier(.22,.7,.3,1);border-radius:50%}.xh-btn:hover .xh-blot{transform:scale(3.2);border-radius:0}.xh-arrow{display:inline-block;transition:transform .7s cubic-bezier(.25,.8,.3,1)}.xh-btn:hover .xh-arrow{transform:translateX(7px)}.xh-btn-primary{border-color:#8b4545;color:#8b4545}.xh-btn-primary .xh-blot{background:radial-gradient(circle at 18% 55%,#8b454518 0,#8b45450d 42%,transparent 68%)}.xh-underline{position:absolute;left:34px;bottom:8px;height:1px;width:0;background:currentColor;opacity:.55;transition:width .7s cubic-bezier(.25,.8,.3,1)}.xh-btn:hover .xh-underline{width:calc(100% - 68px)}.xh-stats{margin-top:38px;display:flex;gap:46px;flex-wrap:wrap}.xh-stat{opacity:0;transform:translateY(10px);animation:xhRise 1.2s cubic-bezier(.2,.7,.3,1) forwards}.xh-stat:first-child{animation-delay:3.4s}.xh-stat:nth-child(2){animation-delay:3.6s}.xh-stat:nth-child(3){animation-delay:3.8s}.xh-num{font-size:1.8rem;color:#3d2e2e;letter-spacing:.05em;font-family:Kaiti SC,STKaiti,KaiTi,serif}.xh-num sup{font-size:.85rem;color:#8b4545;margin-left:2px}.xh-label{margin-top:4px;font-size:.78rem;color:#8a7a7280;letter-spacing:.28em}.xh-rule{width:22px;height:1px;background:#d1cdc4;margin-top:8px}.xh-deckwrap{position:relative;height:500px;display:flex;align-items:center}.xh-motiflayer{position:absolute;inset:-30px -10px;z-index:0;pointer-events:none}.xh-motif{position:absolute;inset:0;opacity:0;transition:opacity 2.4s ease;display:flex;align-items:center;justify-content:center}.xh-motif.xh-active{opacity:1}.xh-motif svg{width:84%;height:84%;overflow:visible}.xh-steam path{fill:none;stroke:#7a6a5a;stroke-width:1.6;stroke-linecap:round;opacity:0}.xh-motif.xh-active .xh-steam path{animation:xhSteam 9s ease-in-out infinite}.xh-motif.xh-active .xh-steam path:nth-child(2){animation-delay:3s}.xh-motif.xh-active .xh-steam path:nth-child(3){animation-delay:6s}@keyframes xhSteam{0%{opacity:0;transform:translateY(14px)}25%{opacity:.35}70%{opacity:.15}to{opacity:0;transform:translateY(-26px)}}.xh-lattice{opacity:.5}.xh-motif.xh-active .xh-lattice{animation:xhLattice 26s ease-in-out infinite alternate}@keyframes xhLattice{0%{transform:translateX(-8px) skewX(-1deg);opacity:.35}to{transform:translateX(8px) skewX(1deg);opacity:.55}}.xh-beam{opacity:.4}.xh-motif.xh-active .xh-beam{animation:xhBeam 18s ease-in-out infinite alternate}@keyframes xhBeam{0%{opacity:.28;transform:translateX(-6px)}to{opacity:.5;transform:translateX(6px)}}.xh-miniroute{fill:none;stroke:#8b4545;stroke-width:1.2;opacity:.45;stroke-dasharray:6 7}.xh-motif.xh-active .xh-miniroute{animation:xhRoute 30s linear infinite}@keyframes xhRoute{to{stroke-dashoffset:-260}}.xh-deck{position:relative;z-index:1;width:100%;height:460px;perspective:1200px}.xh-card{position:absolute;top:50%;left:50%;width:300px;height:420px;margin:-210px 0 0 -150px;background:linear-gradient(168deg,#fbf7ee,#f3ecdd);border:1px solid #dcd2bd;box-shadow:0 18px 50px -22px #5c503a3d,0 2px 8px #5c503a14;padding:30px 26px;display:flex;flex-direction:column;transition:transform 1.5s cubic-bezier(.3,.1,.18,1),opacity 1.5s ease,box-shadow 1.5s ease;will-change:transform;cursor:pointer;text-decoration:none;color:#3d2e2e}.xh-card.xh-enter{opacity:0;transform:translateX(140px) translateY(24px) rotate(5deg) scale(.94)}.xh-card.xh-pos-0{transform:translateX(0) translateZ(0) rotate(0deg) scale(1);opacity:1;z-index:30;animation:xhBreathe 7s ease-in-out 4.5s infinite}@keyframes xhBreathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.004)}}.xh-card.xh-pos-1{transform:translateX(140px) translateZ(-120px) rotate(2.2deg) scale(.9);opacity:.72;z-index:20}.xh-card.xh-pos-2{transform:translateX(255px) translateZ(-240px) rotate(4deg) scale(.8);opacity:.38;z-index:10}.xh-card.xh-pos-3{transform:translateX(340px) translateZ(-360px) rotate(5deg) scale(.72);opacity:0;z-index:5;pointer-events:none}.xh-card.xh-pos-out{transform:translateX(-180px) translateZ(-80px) rotate(-4deg) scale(.9);opacity:0;z-index:8;pointer-events:none}.xh-cat{font-size:.7rem;letter-spacing:.34em;color:#8b4545;display:flex;align-items:center;gap:8px}.xh-cat:after{content:"";flex:1;height:1px;background:#8b454533}.xh-card h3{margin-top:16px;font-size:1.7rem;font-weight:600;letter-spacing:.04em;font-family:Kaiti SC,STKaiti,KaiTi,serif;line-height:1.32}.xh-city{margin-top:10px;font-size:.92rem;font-weight:500;color:#3d2e2e;letter-spacing:.2em;line-height:1.5}.xh-desc{margin-top:16px;font-size:.78rem;line-height:2.15;color:#8a7a72;letter-spacing:.03em;flex:1}.xh-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4dcc9;padding-top:16px}.xh-spots{font-size:.76rem;color:#8a7a7280;letter-spacing:.12em}.xh-go{font-size:.8rem;color:#8b4545;letter-spacing:.18em;text-decoration:none;display:inline-flex;align-items:center;gap:6px;position:relative;padding-bottom:3px}.xh-go:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:#8b4545;transition:width .6s cubic-bezier(.25,.8,.3,1)}.xh-go:hover:after{width:100%}.xh-go .xh-arrow{transition:transform .6s cubic-bezier(.25,.8,.3,1)}.xh-go:hover .xh-arrow{transform:translateX(5px)}.xh-decknav{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);display:flex;gap:14px;align-items:center;z-index:40;opacity:0;animation:xhIn 1.4s ease 4s forwards}.xh-decknav button{width:24px;height:2px;border:none;background:#d1cdc4;cursor:pointer;transition:background .6s,width .6s;padding:0}.xh-decknav button.xh-on{background:#8b4545;width:36px}@keyframes xhIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.xunji-hero *,.xunji-hero :after,.xunji-hero :before{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.2s!important}.xh-ambient,.xh-light{display:none}.xh-card.xh-enter{opacity:1;transform:none}.xh-card.xh-pos-0{animation:none}}@media (max-width:900px){.xh-stage{grid-template-columns:1fr;gap:24px;padding:28px 22px;min-height:auto}.xh-deckwrap{height:440px}.xh-motto{display:none}.xh-title-wrap{max-width:260px}.xh-title text{font-size:120px}.xh-deck{height:420px}.xh-card{width:260px;height:380px;margin:-190px 0 0 -130px}.xh-card.xh-pos-1{transform:translateX(120px) translateZ(-120px) rotate(2deg) scale(.9)}.xh-card.xh-pos-2{transform:translateX(220px) translateZ(-240px) rotate(4deg) scale(.8);opacity:.3}.xh-card.xh-pos-3,.xh-card.xh-pos-out{opacity:0}}@media (max-width:480px){.xh-stage{padding:22px 16px}.xh-title-wrap{max-width:220px}.xh-title text{font-size:100px}.xh-sub{font-size:.92rem;letter-spacing:.1em}.xh-stats{gap:28px;margin-top:30px}.xh-num{font-size:1.5rem}.xh-deckwrap{height:400px}.xh-card{width:240px;height:360px;margin:-180px 0 0 -120px}.xh-card h3{font-size:1.5rem}.xh-city{font-size:.86rem}.xh-desc{font-size:.76rem;line-height:2.1}}