.circular-carousel{--cc-fade: #000000;--cc-radius: 12px;--cc-inner: .4;position:relative;width:100%;height:100%;overflow:hidden;outline:none;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.circular-carousel[data-axis=x]{touch-action:pan-x}.circular-carousel[data-draggable]{cursor:grab}.circular-carousel[data-dragging]{cursor:grabbing}.circular-carousel:focus-visible{box-shadow:inset 0 0 0 2px #80808c8c}.circular-carousel__view{position:absolute;inset:0}.circular-carousel[data-shape=wheel] .circular-carousel__view{-webkit-mask-image:linear-gradient(to bottom,transparent,#000000 18%,#000000 82%,transparent);mask-image:linear-gradient(to bottom,transparent,#000000 18%,#000000 82%,transparent)}.circular-carousel[data-shape=panorama] .circular-carousel__view{-webkit-mask-image:linear-gradient(to right,transparent,#000000 12%,#000000 88%,transparent);mask-image:linear-gradient(to right,transparent,#000000 12%,#000000 88%,transparent)}.circular-carousel__stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .45s ease}.circular-carousel[data-ready] .circular-carousel__stage{opacity:1}.circular-carousel__camera,.circular-carousel__ring,.circular-carousel__card{width:0;height:0;transform-style:preserve-3d}.circular-carousel__camera{position:relative}.circular-carousel__ring,.circular-carousel__card{position:absolute;left:0;top:0}.circular-carousel__tile{position:absolute;outline:1px solid transparent;backface-visibility:hidden;-webkit-backface-visibility:hidden}.circular-carousel__frame{position:absolute;left:0;top:0;width:100%;overflow:hidden}.circular-carousel__photo{position:absolute;display:block;max-width:none;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.circular-carousel__shade,.circular-carousel__inner{position:absolute;inset:0;pointer-events:none}.circular-carousel__shade{background:var(--cc-fade);opacity:var(--cc-depth, 0)}.circular-carousel__inner{background:#000;opacity:var(--cc-inner)}.circular-carousel__caption{position:absolute;left:0;right:0;bottom:22px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 16px;color:inherit;text-align:center;pointer-events:none;animation:circular-carousel-reveal .9s ease both}.circular-carousel__title{display:flex;max-width:100%;flex-direction:column;align-items:center;font-size:15px;font-weight:500;line-height:1.35;animation:circular-carousel-title .52s cubic-bezier(.22,1,.36,1)}.circular-carousel__subtitle{font-weight:400;opacity:.6}.circular-carousel__count{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-variant-numeric:tabular-nums;line-height:1;opacity:.5}.circular-carousel__slash{opacity:.6}.circular-carousel__digits{display:inline-flex}.circular-carousel__digit{display:inline-block;height:1em;overflow:hidden}.circular-carousel__reel{display:flex;flex-direction:column;transition:transform .6s cubic-bezier(.22,1,.36,1)}.circular-carousel__reel>span{height:1em}.circular-carousel__live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes circular-carousel-title{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes circular-carousel-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.circular-carousel__stage,.circular-carousel__reel{transition:none}.circular-carousel__caption,.circular-carousel__title{animation:none}}.contact-qr-section[data-enhanced=true]>.contact-qr-grid{display:none}.qr-carousel-mount:empty{display:none}.qr-carousel-mount{position:relative;padding:20px 0 36px;border:1px solid #c9dfd7;border-radius:28px;background:linear-gradient(150deg,#ffffffb8,#e8f6f18c);overflow:hidden}.qr-orbit-header{display:flex;justify-content:space-between;gap:20px;padding:6px 34px;font-size:13px;color:#547d75}.qr-ring-stage{height:520px}.qr-ring-card{height:100%;width:100%;padding:18px 18px 14px;box-sizing:border-box;background:#fff;border:1px solid #c0d9d1;border-radius:20px;display:flex;flex-direction:column;align-items:center;color:#173d42;overflow:hidden}.qr-ring-number{font-size:9px;letter-spacing:1.8px;color:#618b81;margin-bottom:8px}.qr-ring-card img{display:block;width:212px;height:212px;object-fit:contain;background:#fff;pointer-events:none;user-select:none}.qr-ring-card strong{max-width:100%;margin-top:8px;font-size:16px;line-height:1.5;text-align:center;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qr-ring-description{max-width:100%;font-size:11px;line-height:1.5;color:#6d8b84;text-align:center;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.qr-ring-front{background:linear-gradient(165deg,#ffffffed 34%,#ffffffd1),url(/static/images/hero-ocean-v1.webp) center/cover}.qr-front-banner{position:relative;flex-shrink:0;height:64px;width:calc(100% + 36px);margin:-18px -18px 12px;overflow:hidden;border-bottom:1px solid #d1e3dd}.qr-front-banner img.qr-front-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;opacity:.74}.qr-front-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#edf9f6e8,#edf9f626 90%)}.qr-front-brand{position:absolute;z-index:1;left:12px;top:18px;display:flex;align-items:center;gap:6px;color:#215357;font-size:9px;font-weight:600;letter-spacing:1px}.qr-front-brand img{width:26px;height:26px;object-fit:contain;padding:3px;background:#fff;border-radius:8px}.qr-front-index{position:absolute;z-index:1;right:14px;top:22px;background:#ffffffe6;border:1px solid #cee2d9;border-radius:10px;padding:2px 6px;color:#3a756a;font-size:10px}.qr-code-frame{position:relative;flex-shrink:0;padding:5px;background:#fff;border:1px solid #d5e7e0;border-radius:8px}.qr-code-frame img{width:204px;height:204px}.qr-code-frame:before,.qr-code-frame:after{content:"";position:absolute;width:15px;height:15px;border-color:#62a791;border-style:solid;pointer-events:none}.qr-code-frame:before{top:-2px;left:-2px;border-width:2px 0 0 2px;border-radius:7px 0 0}.qr-code-frame:after{right:-2px;bottom:-2px;border-width:0 2px 2px 0;border-radius:0 0 7px}.qr-ring-back{position:relative;padding:0;background:#edf7f2}.qr-ring-back img.qr-back-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.86}.qr-back-copy{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:42px 12px 22px;background:linear-gradient(transparent,#f2fbf4eb 42%,#f1f9f4)}.qr-back-copy>span{letter-spacing:3px;font-size:10px;color:#507e72}.qr-back-copy strong{font-size:22px;margin-top:0}.qr-back-copy small{color:#628d81;font-size:11px}.qr-ring-controls{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:20px;position:relative}.qr-ring-controls>button{width:48px;height:48px;border:1px solid #b8d2c9;border-radius:50%;background:#fff;color:#23565a;font-size:22px;cursor:pointer}.qr-ring-current{min-width:210px;max-width:60%;display:grid;gap:6px;text-align:center}.qr-ring-current strong{font-size:19px;overflow-wrap:anywhere}.qr-ring-current span{font-size:12px;letter-spacing:3px;color:#78968b}.qr-ring-actions{display:flex;justify-content:center;gap:24px;margin:18px 0}.qr-ring-actions button{background:none;border:0;border-bottom:1px solid #9dbcb0;padding:8px 1px;font:inherit;font-size:13px;color:#2d665c;cursor:pointer}.qr-ring-picker{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 20px}.qr-ring-picker button{border:1px solid transparent;border-radius:50%;width:30px;height:30px;font-size:10px;color:#7b9b91;background:transparent;cursor:pointer}.qr-ring-picker button[aria-current=true]{color:#17464a;border-color:#89b4a5;background:#fff}.qr-ring-controls button:hover,.qr-ring-picker button:hover{background:#dceee6}.qr-carousel-mount button:focus-visible{outline:2px solid #268476;outline-offset:4px}.qr-scan-dialog{color:#193c40;border:1px solid #c8ded5;border-radius:24px;padding:40px 28px 28px;width:min(430px,calc(100vw - 30px));max-height:90dvh;overflow:auto;text-align:center;background:#fff;box-shadow:0 28px 100px #173d4240}.qr-scan-dialog::backdrop{background:#173d4266;backdrop-filter:blur(8px)}.qr-dialog-close{position:absolute;top:8px;right:12px;border:0;background:transparent;font-size:30px;cursor:pointer;color:#325954}.qr-scan-dialog h3{margin:14px 0 20px;font-size:24px;overflow-wrap:anywhere}.qr-scan-dialog img{width:100%;max-width:320px;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}.qr-scan-dialog p{font-size:14px;overflow-wrap:anywhere}.qr-scan-dialog small{display:block;font-size:11px;color:#7b9489}#about-story-title{position:relative}#about-story-title[data-about-font=serif]{font-family:Songti SC,"Noto Serif CJK SC",SimSun,serif}#about-story-title[data-about-font=rounded]{font-family:YouYuan,Yuanti SC,Microsoft YaHei,sans-serif}.about-title-effect{display:none}#about-story-title[data-enhanced=true] .about-title-fallback{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#about-story-title[data-enhanced=true] .about-title-effect{display:flex;flex-direction:column;align-items:center;gap:.28em;padding:.12em 0}.about-fuzzy-canvas{display:block;max-width:100%;height:auto}@media (max-width:600px){.qr-carousel-mount{margin:0 -12px;border-radius:20px;padding-top:18px}.qr-orbit-header{padding:0 18px;font-size:11px;flex-direction:column;gap:6px}.qr-ring-stage{height:410px}.qr-ring-controls{gap:12px}.qr-ring-current{min-width:170px}.qr-ring-controls>button{width:40px;height:40px}.qr-ring-current strong{font-size:16px}.qr-ring-picker{gap:3px}.qr-ring-picker button{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){.about-title-effect{display:none!important}#about-story-title[data-enhanced=true] .about-title-fallback{position:static;width:auto;height:auto;clip-path:none;white-space:pre-line}}.qr-ring-front{position:relative;isolation:isolate;background:#e8f2ee}.qr-ring-front img.qr-full-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.46;filter:brightness(1.3);z-index:-2}.qr-ring-front:before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff24,#ffffff58 50%,#eef8f2b0);z-index:-1}.qr-front-banner{border:0;background:transparent}.qr-front-banner:after{display:none}.qr-code-frame{background:transparent;border-color:transparent}.qr-code-frame img{background:transparent;mix-blend-mode:multiply}.qr-code-frame:before,.qr-code-frame:after{display:none}.qr-ring-front strong,.qr-ring-front .qr-ring-description{text-shadow:0 1px 5px #fff;color:#173d42}.hero-title-effect{display:none}#hero-title[data-enhanced=true] .hero-title-fallback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#hero-title[data-enhanced=true] .hero-title-effect,.hero-scrambled-text{display:block}.hero-scramble-char{text-align:center}.qr-ring-front img.qr-full-cover{filter:brightness(1.25) blur(2px);transform:scale(1.03)}.qr-code-frame{background:#ffffffb8;border:1px solid #ffffffbd;border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 5px 20px #234a4510}.qr-scan-dialog{position:fixed;inset:0;margin:auto;padding:38px 28px 28px;background:linear-gradient(145deg,#fffffffa,#edf7f3f5);border:1px solid #ffffff;box-shadow:0 25px 100px #153d4033}.qr-scan-dialog .eyebrow{display:block;text-align:center}.qr-scan-dialog img{display:block;margin:0 auto 18px;border-radius:12px}.qr-scan-dialog p{margin:0 0 8px}.qr-scan-dialog::backdrop{background:#355b6052;backdrop-filter:blur(14px) saturate(.8)}
