/* Client brief: 官网意见1009. Warm hospitality scenes, native editable copy. */
html{scroll-padding-top:62px}
.site-header,.site-header.is-solid{height:62px;color:#302a25;background:rgba(249,247,242,.92);border-bottom:1px solid rgba(255,255,255,.7);box-shadow:0 3px 24px #2f23130a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.site-header .brand--platform{width:auto;height:auto;gap:12px;text-shadow:none;white-space:nowrap}
.site-header .brand-mark{display:block;position:static;width:32px;height:38px;object-fit:contain;flex:none}


.site-header .brand--platform .brand-platform{display:block;font-size:20px;font-weight:500;letter-spacing:.025em;color:#667da8}
.site-header .brand--platform .brand-platform b{font-weight:400;font-size:20px;letter-spacing:.025em;margin-left:0}
.site-header .primary-nav{font-size:14px;gap:34px}
.site-header .primary-nav>a,.site-header.is-solid .primary-nav>a{color:#302a25;text-shadow:none}
.site-header .primary-nav>a:hover{color:#8b6749}
.site-header .menu-toggle{color:#302a25;background:#eee9e1;border-color:#ddd4c7}

.hero{height:max(700px,100svh);min-height:0;background:#30271f}
.hero-slide[hidden]{display:none}
.hero-slide .hero-photo{background-image:none;transform:none;transition:none}
.hero-slide.is-active:hover .hero-photo{transform:none}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);will-change:auto}
.hero-slide.is-active .hero-photo img{animation:scene-arrive 3s cubic-bezier(.2,.6,.2,1) both}
@keyframes scene-arrive{from{transform:scale(1.025)}to{transform:scale(1)}}
.hero .hero-shade,.hero .hero-slide--access .hero-shade{background:linear-gradient(90deg,#211912b8 0%,#251c1490 29%,#2c211747 42%,transparent 60%),linear-gradient(0deg,#1f170e38,transparent 22%)}
.hero .hero-content,.hero .hero-slide--access .hero-content{justify-content:flex-start;align-items:center}
.hero .hero-slide .hero-copy,.hero .hero-slide--access .hero-copy{width:470px;max-width:38%;margin:0;padding-top:56px}
.hero .hero-copy .kicker{font-size:16px;font-weight:400;letter-spacing:.09em;color:#e6d6b9;margin-bottom:30px;line-height:1.75}
.hero .hero-copy h1,.hero .hero-copy h2{font-size:clamp(58px,5.2vw,80px);line-height:1.17;font-weight:500;letter-spacing:-.045em;text-wrap:initial;color:#fffaf2}
.hero .hero-copy>.hero-copy__lead{font-size:20px;color:#f3eadf;margin-top:32px;line-height:1.8;letter-spacing:.025em}
.hero .hero-slide--access .hero-copy>.hero-copy__lead{font-size:16px;white-space:normal}
.hero .hero-copy>.hero-copy__proof{font-size:13px;line-height:1.75;color:#e3d4c0;margin-top:22px;max-width:22em}
.hero .hero-copy>.hero-button{min-width:202px;margin-top:36px;padding:16px 20px;border-radius:3px;font-size:13px;font-weight:500}
.hero .hero-bottom{left:50%;bottom:25px}
.hero .hero-pagination{gap:4px}
.hero .hero-pagination button.is-active::after{width:24px;height:7px;border-radius:8px}

.solutions{padding-top:112px;background:#f8f7f4}
.solutions .showcase-heading{align-items:flex-end;gap:38px;margin-bottom:60px}
.solutions .showcase-heading h2{font-size:clamp(25px,2.25vw,36px);font-weight:500;letter-spacing:-.035em;line-height:1.4;white-space:normal}
.solutions .showcase-heading>p{font-size:13px;color:#82786e;line-height:1.85;max-width:none;flex:none}
.solutions .solution-index{position:static;transform:none;width:100%;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-bottom:86px}
.solutions .solution-index__item{align-items:flex-start;text-align:left;min-height:200px;padding:29px 32px;background:linear-gradient(130deg,#f0e7dc,#f8f3eb);border:1px solid #e6dacd;border-radius:5px;color:#43362b;transition:background .25s,border-color .25s,transform .25s}
.solutions .solution-index__item:nth-child(2){background:linear-gradient(130deg,#e5ece7,#f3f6f1);border-color:#d8e1d9;color:#4a6258}
.solutions .solution-index__item:nth-child(3){background:linear-gradient(130deg,#ebe8ee,#f7f4f7);border-color:#e0dbe3;color:#63566e}
.solutions .solution-index__item::after{display:none!important}
.solution-index__number{position:absolute;right:25px;top:26px;font:11px Arial,sans-serif;letter-spacing:.15em;opacity:.6}
.solution-index__heading{gap:20px;justify-content:flex-start;min-height:64px}
.solution-index__heading strong{font-size:22px;font-weight:500;letter-spacing:.01em}
.solution-index__icon{width:62px;height:62px;color:inherit;background:linear-gradient(145deg,#ffffffcc,#ffffff40);border:1px solid #ffffffd0;box-shadow:inset 0 1px 0 #fff,0 8px 15px #5b493812;border-radius:16px;position:relative}
.solution-index__icon svg{width:39px;height:39px;filter:drop-shadow(0 1px 0 #fff)}
.solution-index__description{color:#786c61;font-size:13px;margin-top:22px;text-wrap:initial;line-height:1.8;padding-right:20px;max-width:24em}
.solution-index__arrow{position:absolute;right:25px;bottom:28px;font-size:21px;font-weight:300}
.solutions .solution-index__item:hover,.solutions .solution-index__item:focus-visible{background:#eee1d1;border-color:#c4a585;color:#6c4a2f;transform:translateY(-3px)}
.solutions .solution-index__item:nth-child(2):hover{background:#dfebe2;border-color:#a0b7a7;color:#3b5c49}
.solutions .solution-index__item:nth-child(3):hover{background:#e9e2ee;border-color:#b5a5c1;color:#655276}
.solutions>.shell{padding-bottom:0}

.showcase-grid>.usage-scene{position:relative;isolation:isolate;display:block;height:max(660px,90svh);min-height:0;overflow:hidden;scroll-margin-top:0;background:#2e251d}
.showcase-grid>.usage-scene::before{display:none}
.showcase-grid>.usage-scene::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#201912d4 0%,#20191299 27%,#20191247 41%,transparent 62%);pointer-events:none}
.usage-visual{position:absolute;inset:0;z-index:0;overflow:hidden}
.usage-photo{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
@media(min-width:901px){.showcase-grid>.showcase--hospad.usage-scene{height:clamp(600px,56.25vw,900px)}.showcase--hospad .usage-photo{transform:translateX(1%);mask-image:linear-gradient(90deg,transparent,#000 12%)}}
.usage-scene .scene-inner,.usage-scene.showcase--access .scene-inner{position:relative;z-index:2;display:flex;align-items:center;width:88%;max-width:1320px;height:100%;min-height:0;padding:0}
.usage-scene .showcase-copy,.usage-scene.showcase--access .showcase-copy{width:37%;max-width:440px;align-self:auto;grid-column:auto;grid-row:auto;padding:15px 0 0;margin:0;color:#faf6ef}
.usage-scene .usage-eyebrow{font-size:12px;font-weight:400;letter-spacing:.12em;color:#dbc5a6;margin:0 0 23px}
.usage-scene h3,.usage-scene.showcase--hospad h3,.usage-scene.showcase--access h3{max-width:none;font-size:clamp(28px,2.6vw,40px);font-weight:500;line-height:1.5;letter-spacing:-.025em}
.usage-scene .showcase-intro{font-size:16px;line-height:1.8;margin-top:24px;color:#eee3d4}
.usage-scene .showcase-description{padding:26px 0 0;margin-top:34px;border-top:1px solid #cfb99a70;max-width:27em}
.usage-scene .showcase-description p{font-size:14px;line-height:2;color:#e4d8c8;margin:0}
.usage-scene .showcase-features{display:flex;gap:10px 20px;flex-wrap:wrap;margin:28px 0 0;padding:0;font-size:12px;color:#d7c7b1;list-style:none}
.usage-scene .showcase-features li{padding:0;white-space:nowrap;border:0;background:none;font-weight:400}
.usage-scene .showcase-features li+li::before{display:none}
.usage-device-link{display:inline-flex;align-items:center;gap:26px;margin-top:35px;padding-bottom:8px;border-bottom:1px solid #d7c6ad88;font-size:13px;color:#f4e9d9}
.usage-device-link:hover{color:#fff;border-color:#fff}
.scene-ui-original{position:absolute;left:0;top:0;width:2560px;height:1600px;max-width:none;transform-origin:0 0;pointer-events:none;opacity:0;clip-path:polygon(0% 0%,100% 0%,100% 65%,97% 65%,95.7% 65.2%,95% 66.5%,95.5% 68%,97% 71%,100% 75%,100% 100%,0% 100%)}
.scene-ui-original.is-positioned{opacity:1}
.scene-ui-original img{display:block;width:100%;height:100%;max-width:none;border-radius:28px}

.access-devices{padding:94px 0 102px;background:radial-gradient(ellipse at 75% 25%,#f0e6d7 0%,transparent 65%),#f7f4ed;color:#372f28;scroll-margin-top:0}
.device-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:45px}
.device-heading .eyebrow{color:#90765c;font-size:11px;letter-spacing:.13em;margin-bottom:17px;font-weight:400}
.device-heading h3{font-size:34px;line-height:1.5;font-weight:500;letter-spacing:-.02em}
.device-heading>p{font-size:13px;color:#827363;line-height:1.9}
.terminal-comparison{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.terminal{min-width:0;position:relative}
.terminal+.terminal{padding-left:70px;border-left:1px solid #dcd0bf}
.terminal-visual{position:relative;height:325px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #dcd0bf;margin-bottom:27px;padding-bottom:27px}
.terminal-size{position:absolute;left:0;top:10px;font:400 clamp(66px,7vw,105px)/1 Arial,sans-serif;letter-spacing:-.055em;color:#e0d6c7;pointer-events:none}
.terminal-visual img{position:relative;z-index:1;display:block;object-fit:contain;width:auto;max-width:60%;height:290px;filter:drop-shadow(5px 12px 12px #35292033)}
.terminal--compact .terminal-visual img{height:190px}
.terminal-copy .terminal-label{font-size:12px;letter-spacing:.09em;color:#8e7358;margin-bottom:11px}
.terminal-copy h4{font-size:24px;font-weight:500;line-height:1.5;margin:0 0 27px}
.terminal-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:20px 25px;margin:0}
.terminal-copy dt{font-size:13px;font-weight:500;color:#4b3c2d;line-height:1.6}
.terminal-copy dd{font-size:12px;color:#827568;line-height:1.75;margin:5px 0 0}

@media(min-width:1800px){.hero .hero-slide .hero-copy{max-width:34%}.showcase-grid>.usage-scene{height:900px}}
@media(max-width:1100px){
 .site-header .primary-nav{gap:22px;font-size:13px}.site-header .brand--platform .brand-platform{font-size:18px}.site-header .brand--platform .brand-platform b{font-size:18px}
 .hero .hero-copy .kicker{font-size:14px}.hero .hero-copy h1,.hero .hero-copy h2{font-size:60px}.hero .hero-copy>.hero-copy__lead{font-size:18px}.hero .hero-slide--access .hero-copy>.hero-copy__lead{font-size:14px}
 .solutions .showcase-heading{display:block}.solutions .showcase-heading>p{margin-top:18px}.solutions .solution-index{gap:16px}.solutions .solution-index__item{padding:25px 20px}.solution-index__heading{gap:13px}.solution-index__heading strong{font-size:19px}.solution-index__description{font-size:12px}.solution-index__number{right:18px}
 .usage-scene .showcase-copy,.usage-scene.showcase--access .showcase-copy{width:37%}.usage-scene .showcase-description p{font-size:13px}.usage-scene .showcase-intro{font-size:14px}.usage-scene .showcase-features{gap:10px 15px;font-size:11px}
 .terminal-comparison{gap:38px}.terminal+.terminal{padding-left:38px}
}
@media(max-width:900px){
 html{scroll-padding-top:62px}.site-header,.site-header.is-solid{height:62px}.site-header .header-inner{width:90%}.site-header .brand--platform{gap:7px}.site-header .brand-mark{width:23px;height:28px}.site-header .brand--platform .brand-platform{font-size:17px;letter-spacing:0}.site-header .brand--platform .brand-platform b{font-size:17px;letter-spacing:.02em;margin-left:0}.site-header .menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;height:34px;width:34px;border:1px solid #ddd4c7}.site-header .menu-toggle span{display:block;width:17px;height:1px;background:currentColor}.site-header .primary-nav{display:none;position:absolute;top:62px;left:0;right:0;flex-direction:column;align-items:stretch;background:#f8f6f1;padding:12px 6% 24px;font-size:15px;gap:0}.site-header .primary-nav.is-open{display:flex}.site-header .primary-nav>a{padding:14px 0;border-bottom:1px solid #ddd4c7}
 .hero{height:810px;height:max(810px,100svh);min-height:0;max-height:920px;background:#30271f}.hero .hero-photo{inset:auto 0 0;height:48%;transform:none;background:none}.hero-photo img{object-position:78% center}.hero .hero-slide--access .hero-photo img{object-position:89% center}.hero .hero-slide--breakfast .hero-photo img{object-position:90% center}.hero .hero-shade,.hero .hero-slide--access .hero-shade{background:linear-gradient(180deg,#2e251d 0%,#2e251d 46%,#2e251d00 59%,#271d1333 100%)}
 .hero .hero-content,.hero .hero-slide--access .hero-content{align-items:flex-start}.hero .hero-slide .hero-copy,.hero .hero-slide--access .hero-copy{width:100%;max-width:100%;padding-top:100px;margin:0}.hero .hero-copy .kicker{font-size:12px;line-height:1.7;letter-spacing:.055em;margin-bottom:18px}.hero .hero-copy h1,.hero .hero-copy h2{font-size:48px;line-height:1.16;letter-spacing:-.035em}.hero .hero-copy>.hero-copy__lead{font-size:16px;line-height:1.65;margin-top:18px}.hero .hero-slide--access .hero-copy>.hero-copy__lead{font-size:13px;line-height:1.7;white-space:normal}.hero .hero-copy>.hero-copy__proof{font-size:11px;margin-top:10px;max-width:none}.hero .hero-copy>.hero-button{margin-top:20px;min-width:180px;font-size:12px;padding:13px 17px}.hero .hero-bottom{bottom:9px}
 .solutions{padding-top:70px}.solutions .showcase-heading{margin-bottom:32px}.solutions .showcase-heading h2{font-size:24px;line-height:1.6;white-space:normal}.solutions .showcase-heading>p{font-size:12px;line-height:1.85;margin-top:17px}.solutions .showcase-heading>p br{display:none}
 .solutions .solution-index{grid-template-columns:1fr;gap:12px;margin-bottom:56px}.solutions .solution-index__item{min-height:0;padding:19px 22px 21px}.solution-index__heading{gap:17px;min-height:51px}.solution-index__icon{width:51px;height:51px;border-radius:13px}.solution-index__icon svg{width:32px;height:32px}.solution-index__heading strong{font-size:20px}.solution-index__number{top:20px;right:20px}.solution-index__description{font-size:12px;line-height:1.7;margin:12px 25px 0 68px;padding:0;max-width:none}.solution-index__arrow{bottom:20px;right:20px;font-size:20px}
 .showcase-grid>.usage-scene{display:flex;flex-direction:column;height:auto;min-height:0;background:#30271f;scroll-margin-top:0}.showcase-grid>.usage-scene::after{display:none}.usage-visual{position:relative;inset:auto;order:2;width:100%;height:auto;aspect-ratio:1.36;overflow:hidden}.usage-photo{object-position:84% center}.showcase--access .usage-photo{object-position:89% center}.showcase--safety .usage-photo{object-position:90% center}.usage-scene .scene-inner,.usage-scene.showcase--access .scene-inner{height:auto;min-height:0;width:88%;padding:52px 0 38px;order:1;display:block}.usage-scene .showcase-copy,.usage-scene.showcase--access .showcase-copy{width:100%;max-width:none;padding:0;align-self:stretch}.usage-scene .usage-eyebrow{font-size:10px;margin-bottom:17px}.usage-scene h3,.usage-scene.showcase--hospad h3,.usage-scene.showcase--access h3{font-size:27px;line-height:1.45;font-weight:500}.usage-scene .showcase-intro{font-size:14px;margin-top:16px;line-height:1.8}.usage-scene .showcase-description{margin-top:25px;padding-top:20px;max-width:none}.usage-scene .showcase-description p{font-size:13px;line-height:1.95}.usage-scene .showcase-features{font-size:11px;gap:10px 17px;margin-top:21px}.usage-device-link{font-size:12px;margin-top:24px}
 .access-devices{padding:58px 0 62px;scroll-margin-top:0}.device-heading{display:block;margin-bottom:30px}.device-heading .eyebrow{font-size:10px;margin-bottom:14px}.device-heading h3{font-size:27px;line-height:1.4}.device-heading>p{font-size:12px;margin-top:16px;max-width:24em}.terminal-comparison{grid-template-columns:1fr;gap:42px}.terminal+.terminal{border-left:0;padding-left:0;border-top:1px solid #dcd0bf;padding-top:32px}.terminal-visual{height:230px;padding-bottom:20px;margin-bottom:22px}.terminal--compact .terminal-visual img{height:155px}.terminal--large .terminal-visual{height:280px}.terminal--large .terminal-visual img{height:245px}.terminal-size{font-size:83px}.terminal-copy .terminal-label{font-size:11px}.terminal-copy h4{font-size:21px;margin-bottom:22px}.terminal-copy dl{gap:17px 18px}.terminal-copy dt{font-size:12px}.terminal-copy dd{font-size:11px}
}
@media(max-width:600px){
 .hero-slide--arrival .hero-photo img{object-position:100% center}
 .showcase--hospad .usage-visual{aspect-ratio:1.1}
 .solutions .showcase-heading h2{font-size:clamp(17px,4.4vw,24px);white-space:nowrap}
}
@media(max-width:370px){.site-header .brand--platform .brand-platform{font-size:16px}.site-header .brand--platform .brand-platform b{font-size:16px}.site-header .brand--platform{gap:5px}.hero .hero-copy .kicker{font-size:11px}.hero .hero-copy h1,.hero .hero-copy h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){.hero-slide.is-active .hero-photo img{animation:none}.solutions .solution-index__item{transition:none}.solutions .solution-index__item:hover{transform:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.site-header.is-solid{background:#f9f7f2}}