/* 黑客鸭主题：原图直接展示，琥珀色、终端细节和角色标记贯穿全站。 */
:root{--bg:#090b0d;--fg:#f4efe6;--muted:#aaa79f;--line:#2b2e30;--amber:#e7ae61;--amber-soft:#be9157;--duck-photo:url("assets/duck-reference.png");--duck-mark:url("assets/duck-mark.svg")}
body.duck-theme{background:#090b0d;color:#f4efe6}body.duck-theme::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:40;background-image:radial-gradient(rgba(219,190,142,.08) .5px,transparent .5px);background-size:5px 5px;opacity:.14}
::selection{background:#e7ae61;color:#111}:focus-visible{outline-color:var(--amber)}.btn{background:var(--amber);border-color:var(--amber);color:#15110d;border-radius:3px}.btn:hover{background:#f1c181;border-color:#f1c181}.btn.secondary{border-color:#474139;background:#121315;color:#e6d9c3}.btn.secondary:hover{border-color:var(--amber);background:#211c16}.text-link{border-color:#65513a;color:#dbb77f}.text-link:hover{color:#f1ca90}.eyebrow{color:#b69769;letter-spacing:.13em}.eyebrow:before{background:#a27b48}.section{border-color:#292c2f}h2{font-size:clamp(29px,3.1vw,41px);letter-spacing:-.045em}.section-head>p{font-size:14px;line-height:2;color:#aaa79f}
.site-header{height:88px;border-color:#2a2d30;position:relative;z-index:25}.brand{gap:10px}.duck-mark{display:inline-block;flex:none;width:39px;height:39px;background:var(--duck-mark) center/contain no-repeat}.brand-name{font-size:22px}.brand-sub{color:#a58a64;border-color:#4d4132;font-size:9px;letter-spacing:.15em;margin-left:7px}.site-header nav{font-size:12px;gap:26px;color:#b5b1a9}.site-header nav a:hover{color:var(--amber)}.site-header .btn{background:transparent;border-color:#6f5635;color:#e3bd87;min-height:39px}.site-header .btn:hover{background:#211b14}.menu-button{border-color:#524534;color:#e7bd85}.mobile-nav{background:#101214;border-color:#3f3427}.mobile-nav a{border-color:#2d2b28;color:#cbbda8}
.duck-hero{border-bottom:1px solid #342d23;background:#090b0d;overflow:hidden}.duck-hero .hero-stage{height:700px;max-width:1600px;background:#090b0d;isolation:isolate}.duck-portrait{position:absolute;right:0;top:0;width:70%;height:100%;background-image:var(--duck-photo);background-size:cover;background-position:83% 48%;mask-image:linear-gradient(90deg,transparent 4%,rgba(0,0,0,.1) 24%,#000 51%),linear-gradient(0deg,transparent 0%,#000 20%,#000 94%,transparent 100%);mask-composite:intersect;z-index:0;filter:saturate(.83);transform-origin:75% 55%;animation:duck-breathe 13s ease-in-out infinite alternate}.duck-hero .hero-stage:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#090b0d 1%,rgba(9,11,13,.93) 24%,rgba(9,11,13,.6) 45%,transparent 65%),linear-gradient(0deg,#090b0d,transparent 21%)}.duck-hero .hero-stage:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 70% 60%,rgba(174,112,40,.055),transparent 58%)}.duck-hero #hero-art{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.65}.duck-hero .hero-meta{top:25px;left:max(40px,calc((100% - 1160px)/2));font-size:9px;color:#86765e;letter-spacing:.08em;z-index:3}.duck-hero .hero-meta.right{left:auto;right:max(40px,calc((100% - 1160px)/2));color:#c0ac8c}.duck-copy{position:relative;z-index:4;height:100%;padding-top:124px;pointer-events:none}.duck-copy>*{pointer-events:auto}.duck-kicker{display:flex;align-items:center;gap:10px;font:10px var(--mono);color:#d3ab72;letter-spacing:.16em;margin-bottom:23px}.duck-kicker i{width:6px;height:6px;border-radius:50%;background:#e7ae61;box-shadow:0 0 15px #b37e32}.duck-copy h1{font-size:clamp(45px,4.7vw,66px);font-weight:600;line-height:1.32;letter-spacing:-.065em;max-width:650px}.duck-copy h1 em{font-style:normal;color:#e7bd82}.duck-copy .hero-description{max-width:415px;color:#b3ada3;font-size:14px;line-height:2;margin-top:24px}.duck-copy .actions{margin-top:28px;gap:24px}.duck-copy .hero-notes{font-size:10px;gap:22px;color:#968d81;margin-top:24px}.duck-copy .hero-notes span:before{color:#bd8c4c}.duck-identity{position:absolute;right:max(46px,calc((100% - 1160px)/2));bottom:139px;z-index:3;display:flex;flex-direction:column;align-items:end;color:#cfb185;pointer-events:none}.duck-identity b{font:11px var(--mono);letter-spacing:.16em;font-weight:400}.duck-identity span{font-size:10px;color:#9f8c70;margin-top:5px}.duck-hero .motion-btn{z-index:4;right:max(40px,calc((100% - 1160px)/2));bottom:30px;background:rgba(10,12,14,.8);border-color:#4f402b;color:#bba17a;font-size:10px}.hero-bottom-rail{position:absolute;bottom:0;left:0;right:0;z-index:4}.hero-bottom-rail>.wrap{display:flex;align-items:center;gap:36px;min-height:95px;border-top:1px solid #383126}.hero-bottom-rail .rail-label{font:9px/1.7 var(--mono);letter-spacing:.14em;color:#847665;margin-right:12px}.hero-quick-stat{display:flex;align-items:baseline;gap:9px}.hero-quick-stat b{font:22px var(--mono);font-weight:400;color:#dec49d;letter-spacing:-.05em}.hero-quick-stat span{font-size:10px;color:#918a80}.hero-bottom-rail .rail-caption{margin-left:auto;font:9px var(--mono);color:#7f776b;margin-right:118px}.hero-quick-stat:last-of-type b{color:#efbb73}.duck-glimpse{display:inline-flex;align-items:center;gap:12px;color:#9c8a70;font-size:11px}.duck-glimpse .duck-mark{width:30px;height:30px}.duck-crosshair{width:225px;height:225px;position:absolute;top:36%;right:7%;border:1px solid rgba(220,171,97,.09);border-radius:50%;z-index:2;pointer-events:none;animation:orbit 55s linear infinite}.duck-crosshair:before,.duck-crosshair:after{content:"";position:absolute;inset:19px;border:1px dashed rgba(220,171,97,.07);border-radius:50%}.duck-crosshair:after{inset:-16px;border-left-color:#a67b3e;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}
.feature-nav{background:rgba(9,11,13,.96);border-color:#322c23}.feature-nav a{color:#9c9489}.feature-nav a.active,.feature-nav a:hover{color:#e6b578}.feature-nav .nav-no{color:#816c50}.feature-nav a.active:after{content:"";height:4px;width:4px;border-radius:50%;background:#dcaa61}
.deployment{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 20%,rgba(129,84,27,.07),transparent 50%),#0c0e10}.data-badge{color:#c0a77f;border-color:#4a3c28;background:#171510}.data-badge:before{background:#d6a15c}.deployment-sub{color:#948d81}.metrics{border-color:#3d3529}.metric{border-color:#342f28}.metric dt{color:#9b9387}.metric dd{color:#e1c49b;font-size:48px}.metric:last-child dd{color:#f2b96b}.metric dd small{color:#968974}.deployment-panel{background:#0e1012;border-color:#3a342a;box-shadow:0 18px 60px rgba(0,0,0,.15)}.panel-bar{background:#161717;border-color:#39332a;color:#b39a74}.window-dots i{background:#695438}.window-dots i:first-child{background:#a07843}.room-board{background:radial-gradient(ellipse at 50% 0%,rgba(176,121,48,.025),transparent 65%)}.room{background:#121416;border-color:#33322d}.room:hover{background:#1c1c18;border-color:#a17a42}.room[aria-pressed=true]{background:linear-gradient(135deg,#292317,#171815);border-color:#c89850;box-shadow:inset 0 0 24px rgba(171,119,46,.04)}.room-label{color:#b5ac9e}.room-label small{color:#847765}.room[aria-pressed=true] .room-label{color:#e3b674}.mini-slot{border-color:#625845;background:linear-gradient(135deg,#484239,#202222)}.mini-slot:after{background:#bda074}.room[aria-pressed=true] .mini-slot{border-color:#967340;background:linear-gradient(135deg,#6d5734,#292720)}.room[aria-pressed=true]:after{background:linear-gradient(transparent,rgba(229,171,89,.11),transparent)}.room-detail{border-color:#393229;color:#a29682}.room-detail strong{color:#e5be85}.capacity-track{background:#302b23}.capacity-track span{background:linear-gradient(90deg,#795b32,#d4a15a);box-shadow:0 0 10px #9c71352b}.capacity-label{color:#b59a73}.deployment-note{color:#918777}
.benefit-row{border-color:#2c2d2d}.benefit-copy>p{color:#b0aaa0}.benefit-copy .subheading{color:#d8c6ab}.mini-facts span{border-color:#453b2d;color:#bba582;background:#171611}.device-scene{background:radial-gradient(ellipse at center,#29241b,transparent 65%)}.physical-device{background:linear-gradient(145deg,#e3dccd,#a59d8e 70%,#cec3af)}.physical-device:before{content:"";display:block;transform:rotate(34deg);width:69px;height:69px;background:var(--duck-mark) center/contain no-repeat;opacity:.7}.scene-tag{color:#9c8560}.terminal{border-color:#4b3e2a;background:#101315;box-shadow:0 16px 50px #0003}.terminal-body{color:#b1a999;font-size:12px;background:radial-gradient(ellipse at 0 100%,#271f122e,transparent 60%)}.terminal-body .prompt{color:#e1b16c}.terminal-body .dim{color:#96866f}.cursor{background:#dcaa61;box-shadow:0 0 10px #ac793b}.network-figure{border-color:#423929;background:radial-gradient(ellipse at 100% 100%,#33241750,transparent 60%),#101315}.network-node{border-color:#8b6d42;color:#e3ba7f;background:linear-gradient(140deg,#29251e,#131619);box-shadow:0 0 25px #9664220a}.network-line{background:#6c5331}.network-line:after{background:#dfaa60;box-shadow:0 0 8px #a47839}.network-labels{color:#b6a389}.network-footer{border-color:#3c3429;color:#a28a67}
.duck-note{margin-top:-1px;padding:35px 0;border-block:1px solid #3b3023;background:linear-gradient(100deg,#151411,#0c0e10 60%)}.duck-note>.wrap{display:flex;align-items:center;gap:30px}.duck-note .duck-mark{width:65px;height:65px;opacity:.9}.duck-note .note-title{font-size:22px;line-height:1.5;letter-spacing:-.025em;color:#d9c8ac;flex:none}.duck-note .note-line{height:1px;background:linear-gradient(90deg,#5c472e,transparent);flex:1;margin-inline:30px}.duck-note .note-copy{font-size:12px;color:#a79883;max-width:360px;line-height:1.9}.scenarios{background:#101315}.scenario{border-color:#6a5131}.scenario .mono{color:#b58b52}.scenario h3{color:#e9d9c1}.scenario p{color:#a9a399}.tags{color:#9b8059}.scenario:nth-child(1) h3:after,.scenario:nth-child(2) h3:after,.scenario:nth-child(3) h3:after{content:"↗";float:right;color:#a27d46;font-size:15px}.pricing-controls .segments{border-color:#5b4831;background:#111315}.segments button{color:#b6a48b}.segments button[aria-pressed=true]{background:#dbab65;color:#17120d}.pricing-note{color:#9b8f7d}.plan{background:#101315;border-color:#3e392f;border-radius:7px;overflow:hidden}.plan:before{content:"";position:absolute;right:15px;top:58px;width:112px;height:112px;background:var(--duck-mark) center/contain no-repeat;opacity:.045;pointer-events:none;transform:rotate(-12deg)}.plan.featured{border-color:#b7894c;background:linear-gradient(145deg,#292318,#141617 60%);box-shadow:0 0 35px #9f70211a}.recommended{border-color:#8d683a;color:#e4b779;background:#221b12}.plan-code{color:#ae8d5c;letter-spacing:.1em}.plan h3{color:#efe3cf}.spec{color:#aea293}.price{color:#edc68f;font-size:50px}.price .currency{color:#ad8b59}.price small{color:#ae9c81}.price-rmb{color:#c7ad86}.price-total{color:#a79477}.purpose{color:#b2a795;border-color:#3a3329}.plan ul{color:#bbaf9d}.plan li:before{color:#b4874a}.custom-plan{background:#131516;border-color:#473b2b}.custom-plan h3{color:#d8bd94}.custom-plan p{color:#a79a87}.comparison{border-color:#42382b}.comparison summary{color:#c5ad88}thead{background:#1a1a17}th{color:#d9c19b}td{color:#b3a794}th,td{border-color:#322d26}.billing h3{color:#d7b98e}.billing p{color:#a89a84}.num{color:#9a794b}
.support-banner{border-color:#493a28}.support-big{color:#e2b16a}.support-big small{color:#b39b78}.support-banner h3{color:#e1caab}.support-banner p,.support-grid p{color:#aaa090}.support-grid h3{color:#d9c3a2}.support-index{color:#a7895d}.office{background:radial-gradient(ellipse at right bottom,#33241655,transparent 65%),linear-gradient(135deg,#1a1b1a,#111416);border-color:#4a3c2a}.office>span{color:#aa8c5f}.office h3{color:#e6cb9f}.office p{color:#afa18c}.office-time{color:#cfab75}.city-outline{stroke:#c09a61;opacity:.23}
.duck-operator{border:1px solid #4a3b28;border-radius:7px;background:#111416;min-height:205px;padding:31px 36px;position:relative;overflow:hidden;display:flex;align-items:center}.duck-operator .operator-copy{position:relative;z-index:2;max-width:530px}.duck-operator .operator-copy .mono{color:#b28c55;display:block;margin-bottom:10px;font-size:9px;letter-spacing:.14em}.duck-operator h3{font-size:23px;color:#e5d1b0;margin-bottom:10px}.duck-operator p{color:#a99c86;font-size:12px;line-height:1.9;max-width:470px}.operator-portrait{position:absolute;right:0;top:0;height:100%;width:38%;background:var(--duck-photo) 91% 47%/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 60%);opacity:.85}.steps li{border-color:#655031}.steps .num{color:#c19a60}.steps h3{color:#ddc6a6}.steps p{color:#a89b88}.first-login{border-color:#493b29;background:#121516}.first-login h3{color:#d8bb91}.first-login p{color:#b1a28b}.guide-more summary{color:#c1a781}.guide-more p{color:#aaa08f}.guide-more code{background:#272219;color:#dfbd89}
.faq-intro{position:sticky;top:100px;align-self:start}.faq-intro p{color:#b0a28c}.duck-eyes{height:155px;max-width:240px;margin:32px 0 0;position:relative;background:var(--duck-photo) 91% 43%/cover no-repeat;mask-image:linear-gradient(0deg,transparent,#000 25%,#000 80%,transparent),linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-composite:intersect;opacity:.78}.duck-eyes:after{content:"";position:absolute;inset:10px;border:1px solid #b7824033}.faq-group{color:#ac8854}.faqs details{border-color:#453728}.faq-group+details{border-color:#655033}.faqs summary{color:#d7c9b3}.faqs summary:after{color:#c89a59}.faqs details[open]{background:linear-gradient(90deg,#211b1355,transparent);padding-inline:15px;margin-inline:-15px;border-color:#77603e}.faqs details p{color:#b4a894}.contact{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 50%,#3d291320,transparent 60%),#101315}.contact:before{content:"";position:absolute;right:-50px;bottom:40px;width:350px;height:350px;background:var(--duck-mark) center/contain no-repeat;opacity:.022;pointer-events:none;transform:rotate(-12deg)}.contact-grid,.contact>.wrap{position:relative}.inquiry select,.inquiry textarea,.manual-copy{background:#141719;border-color:#524534;color:#e6d9c3}.inquiry label{color:#d0b892}.inquiry .hint{color:#a6957b}.contact-aside{border-color:#59452e}.contact-aside h3{color:#d9b77f;display:flex;align-items:center;gap:12px}.contact-aside h3 .duck-mark{height:31px;width:31px}.contact-aside p{color:#ab9e89}.contact-list{border-color:#473827}.contact-item{border-color:#473827}.contact-item span{color:#a48d6c}.contact-item strong{color:#d4c1a2}.copy-status{color:#d1ae78}.service-rules{border-color:#5b452c}.service-rules summary{color:#c7a97c}.rules-grid h3{color:#d3b180}.rules-grid p{color:#ad9d85}footer{position:relative;background:#090b0d}.footer-top p{color:#a89679}.footer-links{color:#b6a183}.footer-links a:hover{color:#edbb76}.footer-bottom{border-color:#3c3022;color:#96846a}.footer-wordmark{color:#342b20;letter-spacing:-.05em;font-size:clamp(60px,12vw,148px)}.duck-footer-label{display:flex;align-items:center;gap:10px;margin-top:25px;font:9px var(--mono);letter-spacing:.18em;color:#a8895c}.duck-footer-label .duck-mark{width:26px;height:26px}
/* 灯光表达已部署，不模拟实时在线、负载或故障状态。 */
.mini-slot:after{width:2px;height:2px;right:3px;bottom:2px;border-radius:50%;background:#f3c37c;box-shadow:0 0 3px #f1bb6c,0 0 6px #d39137a6;animation:deployed-led var(--led-duration,3.6s) ease-in-out infinite;animation-delay:var(--led-delay,0s)}
.room[aria-pressed=true] .mini-slot:after{background:#ffda98;box-shadow:0 0 4px #f3bf73,0 0 9px #e0a449b3}
.deployment-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;font-size:10px;color:#bda378}.deployment-legend .led-example{width:5px;height:5px;border-radius:50%;background:#edba71;box-shadow:0 0 7px #d49a45;animation:deployed-led 3.6s ease-in-out infinite}.deployment-legend .legend-note{color:#897d6a;margin-left:10px}
@keyframes deployed-led{0%,100%{opacity:.42}38%{opacity:.88}48%{opacity:.58}58%{opacity:1}70%{opacity:.82}}
@keyframes duck-breathe{to{transform:scale(1.025)}}@keyframes orbit{to{transform:rotate(360deg)}}.motion-paused .duck-portrait,.motion-paused .duck-crosshair,.motion-paused .mini-slot:after,.motion-paused .led-example{animation-play-state:paused}
@media(min-width:1600px){.duck-hero .hero-stage{height:750px}.duck-copy{padding-top:145px}.duck-portrait{background-position:80% 47%}}
@media(max-width:1100px){.brand-sub{display:none}.site-header{gap:22px}.site-header nav{gap:18px}.duck-copy h1{font-size:56px}.duck-hero .hero-stage{height:680px}.duck-copy{padding-top:125px}.duck-copy .hero-description{max-width:360px;font-size:13px}.duck-portrait{width:74%;background-position:88% 48%}.hero-bottom-rail>.wrap{gap:23px}.hero-bottom-rail .rail-caption{display:none}.duck-identity{bottom:140px}.duck-note .note-line{margin-inline:10px}.duck-note .note-copy{max-width:310px}.operator-portrait{width:35%}.duck-operator .operator-copy{max-width:65%}}
@media(max-width:740px){.site-header{height:74px;gap:10px}.site-header .brand{gap:7px}.site-header .duck-mark{width:31px;height:31px}.brand-name{font-size:19px}.site-header>.btn{font-size:10px;padding:7px 10px;gap:8px;min-height:36px}.menu-button{width:36px;height:36px;font-size:17px}.duck-hero .hero-stage{height:860px;max-height:none}.duck-hero .hero-meta{left:22px;top:19px;font-size:8px}.duck-hero .hero-meta.right{right:22px;font-size:8px}.duck-copy{padding-top:66px;height:auto}.duck-kicker{font-size:8px;letter-spacing:.1em;margin-bottom:18px}.duck-copy h1{font-size:42px;line-height:1.32;max-width:none}.duck-copy .hero-description{font-size:12px;line-height:1.95;max-width:320px;margin-top:17px;color:#b9ae9e}.duck-copy .actions{margin-top:20px;gap:20px}.duck-copy .btn{min-height:43px;padding:10px 15px;font-size:12px}.duck-copy .text-link{font-size:11px;gap:12px}.duck-copy .hero-notes{font-size:9px;gap:14px;margin-top:20px}.duck-portrait{width:100%;height:470px;top:350px;right:0;background-size:cover;background-position:96% 48%;mask-image:linear-gradient(0deg,transparent,#000 22%,#000 80%,transparent 100%),linear-gradient(90deg,transparent,#000 34%,#000);mask-composite:intersect;opacity:.94}.duck-hero .hero-stage:before{background:linear-gradient(0deg,#090b0d 1%,transparent 19%,transparent 45%,#090b0d 63%)}.duck-hero .hero-stage:after{background:radial-gradient(ellipse at 76% 60%,#75511f0d,transparent 65%)}.duck-hero #hero-art{opacity:.4}.duck-identity{right:22px;bottom:128px}.duck-identity b{font-size:9px}.duck-identity span{font-size:9px}.duck-crosshair{top:auto;bottom:200px;right:24px;width:180px;height:180px;opacity:.5}.duck-hero .motion-btn{right:22px;bottom:104px;font-size:9px;min-height:30px;padding:5px 10px}.hero-bottom-rail>.wrap{min-height:87px;gap:19px;flex-wrap:nowrap;padding-top:13px;padding-bottom:13px}.hero-bottom-rail .rail-label{display:none}.hero-quick-stat{flex-direction:column;gap:3px;flex:1}.hero-quick-stat b{font-size:24px}.hero-quick-stat span{font-size:9px;white-space:nowrap}.feature-nav .wrap{gap:26px}.feature-nav a{font-size:10px}.feature-nav a.active:after{display:none}h2{font-size:29px}.section-head>p{font-size:12px}.metric dd{font-size:39px}.data-badge{font-size:9px}.deployment-panel .panel-bar>.mono{font-size:8px;letter-spacing:.03em}.duck-note{padding-block:27px}.duck-note>.wrap{display:grid;grid-template-columns:44px 1fr;gap:14px}.duck-note .duck-mark{width:44px;height:44px}.duck-note .note-title{font-size:19px}.duck-note .note-line{display:none}.duck-note .note-copy{grid-column:2;max-width:none;font-size:11px}.duck-operator{padding:24px 21px;min-height:250px;align-items:start}.duck-operator .operator-copy{max-width:70%}.duck-operator h3{font-size:19px;line-height:1.6;max-width:180px}.duck-operator p{font-size:11px;max-width:215px}.duck-operator .operator-copy .mono{font-size:8px;letter-spacing:.05em;max-width:180px}.operator-portrait{width:49%;background-position:96% 45%;opacity:.7}.plan:before{top:48px;right:18px;width:125px;height:125px}.price{font-size:47px}.faq-intro{position:static}.duck-eyes{position:absolute;right:0;top:35px;margin:0;width:125px;height:125px;opacity:.4}.faq-layout{position:relative}.faq-intro h2{position:relative;z-index:1}.faq-intro p{position:relative;z-index:1;max-width:250px}.contact-aside{border-color:#56432c}.footer-wordmark{font-size:15.5vw}.duck-footer-label{font-size:8px;letter-spacing:.1em}.footer-top .brand .duck-mark{width:33px;height:33px}.footer-top p{font-size:10px}}
@media(max-width:370px){.site-header>.btn{display:none}.duck-copy h1{font-size:37px}.duck-kicker{font-size:7px}.duck-copy .actions{gap:14px}.duck-copy .hero-notes{font-size:8px;gap:10px}.duck-hero .hero-stage{height:860px}.duck-portrait{top:380px;height:430px}.hero-bottom-rail>.wrap{gap:13px}.hero-quick-stat b{font-size:21px}.hero-quick-stat span{font-size:8px}.duck-operator .operator-copy{max-width:75%}}
@media(prefers-reduced-motion:reduce){.duck-portrait,.duck-crosshair{animation:none!important}}
/* 原图中的标题落在渐隐区，保持首页视觉聚焦于鸭子与网站文案。 */
@media(min-width:741px){.duck-portrait{mask-image:linear-gradient(90deg,transparent 0%,transparent 36%,#000 58%),linear-gradient(0deg,transparent 0%,#000 20%,#000 94%,transparent 100%)}}
@media(max-width:740px){.duck-portrait{mask-image:linear-gradient(0deg,transparent,#000 22%,#000 80%,transparent 100%),linear-gradient(90deg,transparent 0%,transparent 32%,#000 58%)}}

/* 脉冲沿五排设备蜿蜒穿行；亮点、细光线与柔和拖尾共用相同节奏。 */
.room-devices{position:relative;isolation:isolate}
.room-traces{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none;fill:none;stroke-linecap:round;stroke-linejoin:round}
.trace-base{stroke:#cc974220;stroke-width:.55}
.trace-glow,.trace-tail,.trace-head{animation:device-flow var(--flow-duration,7s) linear infinite;animation-delay:var(--flow-delay,0s)}
.trace-glow{stroke:#eeac43;stroke-width:4;stroke-dasharray:14 86;opacity:.15;filter:blur(2px)}
.trace-tail{stroke:#e9b264;stroke-width:1;stroke-dasharray:14 86;opacity:.78;filter:drop-shadow(0 0 2px #e9a84580)}
.trace-head{stroke:#ffdf9e;stroke-width:1.65;stroke-dasharray:2.6 97.4;opacity:.96;filter:drop-shadow(0 0 3px #ffd38a);animation-name:device-flow-head}
.room[aria-pressed=true] .trace-base{stroke:#dba25245}
.room[aria-pressed=true] .trace-glow{opacity:.3;stroke-width:5}
.room[aria-pressed=true] .trace-tail{opacity:1;stroke-width:1.3;stroke:#f8c779}
.room[aria-pressed=true] .trace-head{stroke:#fff0c8;stroke-width:2}
@keyframes device-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-100}}
@keyframes device-flow-head{from{stroke-dashoffset:-11.4}to{stroke-dashoffset:-111.4}}
.motion-paused .trace-glow,.motion-paused .trace-tail,.motion-paused .trace-head{animation-play-state:paused}
@media(max-width:740px){.trace-tail{stroke-width:.85}.trace-head{stroke-width:1.4}.room[aria-pressed=true] .trace-tail{stroke-width:1}.room[aria-pressed=true] .trace-head{stroke-width:1.7}}
@media(prefers-reduced-motion:reduce){.trace-glow,.trace-tail,.trace-head{animation:none!important}.trace-glow{opacity:.08}.trace-tail{opacity:.4}.trace-head{opacity:.65}}

/* 美元与人民币成组对应展示，并把先测再租放在选择套餐的动作旁。 */
.price-rmb{display:flex;align-items:baseline;gap:9px;margin-top:15px;flex-wrap:wrap;color:#d5b485}
.price-rmb .rmb-label{font-size:11px;color:#ad9574;white-space:nowrap}
.price-rmb strong{font:500 27px/1.35 var(--mono);letter-spacing:-.045em;color:#edc68f}
.price-rmb small{font-size:11px;font-weight:400;color:#ae9c81}
.price small{font-size:10px;white-space:nowrap}
.price-total{margin-top:9px;line-height:1.9;min-height:42px}
.plan-test-note{font-size:10px;color:#d8b37a;margin:auto 0 11px;padding-top:7px}
.compare-usd{display:block;font-family:var(--mono);color:#dfc39b}
.compare-rmb{display:block;font-size:10px;color:#b89e77;margin-top:4px}
#network .benefit-copy>.btn{margin-top:23px}
@media(min-width:741px){.plan .spec{min-height:72px}}
@media(max-width:740px){.price-rmb strong{font-size:26px}.plan .spec{min-height:0}.price-total{min-height:0}.plan-test-note{margin-top:0}.network-footer{font-size:9px;gap:9px}.price-rmb{gap:8px}}

/* Mac mini 鼠标跟随：在原有展示视角上叠加俯仰、偏航和轻微侧转。 */
.device-scene .physical-device{transform:rotateX(calc(52deg + var(--tilt-x,0deg))) rotateY(var(--tilt-y,0deg)) rotateZ(calc(-34deg + var(--tilt-z,0deg)));transition:transform .65s cubic-bezier(.2,.75,.2,1)}
.device-scene.is-following .physical-device{transition-duration:.14s;transition-timing-function:ease-out}
.device-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--glare-x,50%) var(--glare-y,50%),rgba(255,248,225,.55),rgba(255,247,224,.12) 33%,transparent 64%);mix-blend-mode:screen;opacity:0;transition:opacity .35s}
.device-scene.is-following .device-glare{opacity:.65}
@media(prefers-reduced-motion:reduce){.device-scene .physical-device{transform:rotateX(52deg) rotateZ(-34deg)!important}.device-glare{display:none}}

/* 双地时钟：同一时刻分别转换当地日期与时间，时差随墨尔本夏令时自动变化。 */
.office-row .office{padding:30px 30px 25px;min-width:0;border-color:#6b5030;background:radial-gradient(ellipse at 90% 20%,#6b471520,transparent 65%),linear-gradient(135deg,#1a1c1d,#101315)}
.office-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font:9px var(--mono);letter-spacing:.07em;color:#b69a70}
.clock-live{display:inline-flex;align-items:center;gap:7px;font-size:9px;color:#b9a581;white-space:nowrap;letter-spacing:0}
.clock-live i{display:block;width:4px;height:4px;border-radius:50%;background:#efbe75;box-shadow:0 0 7px #d19c49}
.office-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px}
.office .office-title h3{font-size:27px;line-height:1.4;margin:0;color:#f0d8b2}
.office-offset{font:10px var(--mono);letter-spacing:.03em;color:#c9aa79;border:1px solid #67502f;border-radius:3px;padding:4px 8px;background:#211c15}
.office .office-time{position:static;inset:auto;display:flex;align-items:baseline;gap:5px;margin-top:19px;white-space:nowrap;color:#efc27e;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.065em}
.office .clock-hm{font:500 clamp(52px,5.5vw,75px)/1.12 var(--mono);letter-spacing:-.075em;text-shadow:0 0 28px #e2a44d14}
.office .clock-seconds{font:400 30px/1 var(--mono);color:#b68e54;letter-spacing:-.05em}
.office-date-row{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:11px;line-height:1.8;color:#d1b78f;flex-wrap:wrap}
.clock-day-badge{display:inline-block;color:#f2c883;background:#3a2b16;border:1px solid #73532b;border-radius:3px;font-size:9px;padding:0 6px}
.office .office-role{position:relative;z-index:1;border-top:1px solid #493c29;padding-top:17px;margin-top:19px;font-size:11px;color:#b2a48e;line-height:1.9}
.office .office-role b{font-weight:500;color:#d9c09b}
.office .city-outline{width:140px;height:65px;opacity:.13;right:17px;bottom:20px}
.office-sync{margin-top:14px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:15px 20px;background:#151511;border:1px solid #453821;border-radius:5px}
.office-sync .sync-label{font:9px var(--mono);letter-spacing:.08em;color:#9f8255}
.office-sync strong{font-size:12px;font-weight:500;color:#e1bd87}
.office-sync .date-relation{font-size:10px;color:#ae9571;margin-left:auto}
@media(max-width:1000px){.office-topline{font-size:8px}.office-row .office{padding:25px}.office .clock-hm{font-size:60px}.office .clock-seconds{font-size:25px}}
@media(max-width:740px){.office-row .office{padding:23px}.office-topline{font-size:8px;gap:8px}.clock-live{font-size:8px}.office-title{margin-top:21px}.office .office-title h3{font-size:26px}.office .clock-hm{font-size:clamp(55px,15vw,72px)}.office .clock-seconds{font-size:27px}.office .office-time{margin-top:16px}.office-date-row{font-size:11px}.office .office-role{font-size:11px}.office-sync{padding:15px 16px;gap:8px 15px}.office-sync .sync-label{width:100%;font-size:8px}.office-sync strong{font-size:12px}.office-sync .date-relation{font-size:10px;margin-left:0}}

/* 微信客服二维码保留原色、原始留白与比例，不应用滤镜或裁切。 */
.wechat-qr-card{margin:0;padding:23px 0 24px;text-align:center;border-bottom:1px solid #4d402c}
.wechat-qr-paper{display:inline-block;max-width:100%;padding:10px;background:#fff;border:1px solid #e8e2d6;border-radius:8px;line-height:0;box-shadow:0 10px 35px #0003}
.wechat-qr-paper img{display:block;width:244px;max-width:100%;height:auto;border-radius:0;background:#fff;filter:none;object-fit:contain}
.wechat-qr-card figcaption{display:flex;align-items:center;flex-direction:column;gap:7px;margin-top:15px}
.wechat-qr-card figcaption strong{font-size:13px;font-weight:500;color:#e4c08a}
.wechat-qr-card figcaption span{font-size:10px;line-height:1.8;color:#ab9b82}
.wechat-qr-save{display:inline-block;margin-top:5px;padding:7px 13px;border:1px solid #826039;border-radius:4px;font-size:11px;color:#edc789;background:#201b13;text-decoration:none}
.wechat-qr-save:hover{border-color:#d8a657;background:#322515}.wechat-qr-save:focus-visible{outline:2px solid #edbf78;outline-offset:4px}
@media(max-width:740px){.wechat-qr-card{padding-block:21px}.wechat-qr-paper img{width:244px}.wechat-qr-card figcaption span{font-size:11px}.wechat-qr-save{padding:9px 17px;font-size:12px}}
