/* 好團 GO 品牌色：依使用者提供的品牌概念圖。 */
:root{--ink:#09344d;--muted:#5d7b86;--purple:#008b9d;--deep:#063950;--lime:#d3f52b;--cream:#f7fcfd;--lavender:#e2f7f5;--line:#d8e9ed;--white:#fff;--cyan:#00c5df}
body{background:var(--cream)}.site-header{background:#f7fcfdee}.brand b{color:#009fb1}.brand small{color:#55818d}.nav-login{background:#073950}.primary{background:linear-gradient(110deg,#008ca6,#00bdaa);box-shadow:0 10px 24px #00a5a528}.primary:hover{background:linear-gradient(110deg,#00768f,#00a698)}.hero{grid-template-columns:.9fr 1.1fr;min-height:665px;padding-block:50px 55px;position:relative}.hero:before{content:'';position:absolute;inset:0 -40px;z-index:-1;background:radial-gradient(ellipse at 75% 45%,#b9efec90,transparent 55%)}.hero h1{letter-spacing:-.055em}.hero-intro{color:#527885}.headline-mark{color:#009bac}.headline-mark:after{background:#d3f52b}.hero-note{color:#4f7c86}.avatar-stack i{background:#bce7e5;color:#12646a}.avatar-stack i:nth-child(2){background:#a9e8f4;color:#156d85}.avatar-stack i:nth-child(3){background:#def58b;color:#4b6909}.live-dot{background:#00aaad;box-shadow:0 0 0 4px #d9f6f2}.hero-art.brand-hero-art{background:transparent;height:515px;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center}.hero-3d{position:relative;width:calc(100% + 80px);max-width:none;z-index:1;filter:drop-shadow(0 24px 30px #064b5a17);animation:brand-float 8s ease-in-out infinite}.brand-ribbon{position:absolute;z-index:-1;width:100px;height:235px;border-radius:35px;transform:rotate(42deg);opacity:.7;background:linear-gradient(160deg,#8cf4ea,#00cbd1)}.ribbon-a{right:20px;top:2px}.ribbon-b{left:0;bottom:10px;height:170px;background:linear-gradient(160deg,#edffab,#d1f622)}.hero-art-tag{position:absolute;top:3px;left:22px;font-size:9px;font-weight:800;letter-spacing:2.5px;color:#168694}.hero-video-link{position:absolute;z-index:3;left:38px;bottom:9px;display:flex;align-items:center;gap:12px;background:#ffffffed;border:1px solid #cce8e9;padding:13px 17px;border-radius:14px;box-shadow:0 12px 22px #07596816;transition:transform .2s}.hero-video-link:hover{transform:translateY(-4px)}.play-circle{display:grid;place-items:center;border-radius:50%;width:45px;height:45px;background:linear-gradient(130deg,#00c6cc,#0094a2);color:white;font-size:15px;flex:none;box-shadow:0 5px 20px #00aeae25}.hero-video-link b{font-size:12px;display:block}.hero-video-link small{display:block;font-size:9px;color:#69909c}.hero-video-link>.icon{width:18px;margin-left:12px}.art-credit{position:absolute;bottom:4px;right:25px;color:#749da7;font-size:8px}.benefit-strip{background:#fff}.benefit-strip span:first-child{color:#668691}.section-heading>p,.feature-card p{color:#607f89}.feature-product{background:#e0f5f3;min-height:360px;grid-template-columns:.95fr 1.05fr;padding:40px;gap:24px}.feature-photo{position:relative;align-self:stretch;border-radius:19px;overflow:hidden;min-height:270px;box-shadow:0 14px 25px #00596912}.feature-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature-photo>span{position:absolute;bottom:15px;left:16px;font-size:8px;letter-spacing:1.5px;background:#fff9;padding:6px 10px;border-radius:5px;color:#145464}.feature-product .product-board{display:none}.feature-orders{background:#eff8e0;border-color:#e0eacc}.feature-social{background:#e6f6fb;border-color:#d5eaf1}.social-chips{flex-wrap:wrap}.social-chips b{border-color:#d4e7ea}.feature-members{border-color:#d6eaed}.member-illustration{background:#eaf7f7}.member-illustration>span{border-color:#eaf7f7;background:#a3e5e5;color:#237e8b}.member-illustration>span:nth-child(2){background:#b6eef4;color:#177486}.member-illustration>span:nth-child(3){background:#d9f889;color:#617d14}.workflow-section{background:linear-gradient(120deg,#dcf5f3,#eaf9fb)}.steps-grid article{border-color:#b5dfdf}.step-number{color:#64bbbf}.step-icon{background:#f6ffff}.story-section{padding-block:95px 10px;display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center}.story-photo{position:relative;border-radius:26px;overflow:hidden;min-height:405px;background:#d5ece9}.story-photo>img{width:100%;height:405px;object-fit:cover;display:block}.story-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#023e45a0)}.story-photo-note{position:absolute;z-index:2;bottom:33px;left:32px;color:#fff;font-size:27px;font-weight:700;line-height:1.5;letter-spacing:-1px}.photo-caption{position:absolute;top:17px;left:18px;color:#fff;font-size:9px;padding:3px 9px;border-radius:20px;background:#073e4260;z-index:2}.story-copy>p:not(.kicker){color:var(--muted);font-size:14px;line-height:1.95;margin-block:22px 25px}.story-values{display:flex;flex-wrap:wrap;gap:17px;font-size:10px;color:#6c8f96;margin-top:25px}.story-values .icon{width:16px;margin-right:5px}.learning-art{background:#deefee;border-radius:23px;min-height:370px;position:relative}.learning-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#043f55b5,transparent 80%)}.learning-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.learning-art .learning-note,.learning-art .guide-cover,.learning-art .guide-label{display:none}.learning-play{position:relative;z-index:2;color:white;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:65px}.learning-play .play-circle{width:66px;height:66px;background:#ffffffeb;color:#009eab;font-size:21px}.learning-play b{font-size:20px}.learning-play small{font-size:10px;color:#d8f5f2}.cta-section{background:linear-gradient(125deg,#063950,#007f8e 85%,#00afaa)}.cta-section .kicker{color:#a1e9e4}.cta-section p:not(.kicker){color:#d1e9ec}.cta-decoration{color:#02b8b139}.site-footer{background:#fff}.dialog-close{background:#e4f3f4}.login-dialog{border-color:#c9e5e7}.social-login{border-color:#d3e7e9}.callout{background:#eaf8f8;border-color:#7cccd0}.article-body code{background:#eaf7f8;color:#187783}.article-body th{background:#edf7f9}.article-body ol>li:before{background:#e7f8f5}.article-body .pill{border-color:#bce2e4}.article-category{background:#eaf6f7!important;color:#447d87!important}.help-hero{padding-block:44px 38px;background:linear-gradient(110deg,#e6f8fb 15%,#d6f5ef 70%,#efffcc);border-color:#cbe9eb}.help-hero:after{content:'';width:100px;height:240px;border-radius:25px;background:linear-gradient(135deg,#35dbd880,#b6f52580);right:9%;top:0;transform:rotate(43deg)}.help-hero-top>div:first-child{max-width:65%}.help-hero-top{position:relative;min-height:188px}.help-hero-visual{width:350px;height:260px;position:absolute;right:-8px;top:-26px;display:grid;place-items:center;pointer-events:none}.help-hero-visual img{width:390px;max-width:none;filter:drop-shadow(0 12px 20px #01697610)}.search-form{border-color:#c1e3e6;margin-top:20px}.search-form button{background:#008da0}.popular-search,.popular-search a{color:#3e808c;border-color:#8bc4ca}.video-learning-section{padding-top:43px}.video-learning-heading{margin-bottom:22px}.video-learning-heading h2{font-size:25px}.video-learning-heading .kicker{margin-bottom:10px}.video-learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.video-teaser{display:grid;grid-template-columns:1.15fr 1fr;background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden;min-height:170px;transition:transform .2s,box-shadow .2s}.video-teaser:hover{transform:translateY(-3px);box-shadow:0 13px 22px #0c62650d}.video-thumbnail{position:relative;background:#d1efed;overflow:hidden;min-height:170px}.video-thumbnail>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.teaser-tour .video-thumbnail>img{object-fit:contain;background:#e0f8f6}.video-thumbnail:after{content:'';position:absolute;inset:0;background:#084b5a15}.video-thumbnail .play-circle{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffffed;color:#008e9b;width:40px;height:40px;font-size:13px}.video-duration{position:absolute;bottom:9px;right:10px;z-index:2;font-size:8px;background:#052d45b0;padding:2px 6px;border-radius:4px;color:white}.video-teaser-text{padding:24px 21px;display:flex;flex-direction:column;justify-content:center}.video-teaser-text>span{font-size:9px;font-weight:700;color:#00a0a7;margin-bottom:8px}.video-teaser-text h3{font-size:16px;line-height:1.55}.video-teaser-text p{font-size:10px;color:var(--muted);margin-top:9px}.quickstart-banner{border-color:#cde5e7}.category-button{color:#5b838c}.category-button.active{background:#dcf5f2;color:#007d8f}.category-button:hover{background:#e7f7f8}.sidebar-heading{color:#77a0a9}.article-card{padding:0 23px 22px;border-color:#d7e9ed;overflow:hidden}.article-cover{position:relative;align-self:stretch;aspect-ratio:2.15;margin:0 -23px 21px;background:#e5f7f8;overflow:hidden}.article-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.article-card:hover .article-cover>img{transform:scale(1.05)}.article-cover.cover-social>img,.article-cover.cover-support>img{object-fit:contain;background:linear-gradient(120deg,#e4f8f6,#ddf5fa);padding:8px}.article-cover.cover-orders>img{object-position:top}.article-cover>span{position:absolute;right:15px;bottom:12px;display:grid;place-items:center;background:#fffdf1;width:34px;height:34px;color:#0096a3;border-radius:9px;box-shadow:0 3px 8px #13434e12}.article-cover .icon{width:17px}.article-icon{background:#e3f6f3}.article-card:hover{border-color:#66c7ca}.article-card h3{color:#103b52}.article-card p{color:#69838c}.article-toc{border-color:#b8dbdf}.article-toc a{color:#678f98}.article-toc a:hover{color:#008da0}.article-aside .callout{border-color:#d6e8e9}.article-body{color:#456372}.video-dialog{padding:0;border:1px solid #c1e4e5;border-radius:20px;background:#f9ffff;width:min(1020px,calc(100% - 32px));max-height:calc(100dvh - 30px);overflow:auto;color:var(--ink);box-shadow:0 40px 100px #063f4540}.video-dialog::backdrop{background:#022635ba;backdrop-filter:blur(7px)}.video-dialog-header{padding:21px 28px;position:relative}.video-dialog-header .kicker{font-size:8px;margin-bottom:8px}.video-dialog-header h2{font-size:20px}.video-dialog-header .dialog-close{top:26px;right:24px}.video-dialog video{display:block;width:100%;aspect-ratio:16/9;background:#062e40}.video-dialog-note{font-size:10px;color:#77939b;padding:15px 25px}.video-status{font-size:12px;color:#21586a;padding:0 25px}.video-status:not(:empty){padding-top:13px}.watch-page{padding-block:55px;max-width:1000px}.watch-page h1{font-size:30px;margin-bottom:25px}.watch-page video{width:100%;aspect-ratio:16/9;background:#043e50;border-radius:17px;display:block}.watch-page>p:not(.kicker){color:var(--muted);font-size:12px;margin-block:20px}.watch-page .button{margin-top:8px}
@keyframes brand-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:1100px){.hero-3d{width:calc(100% + 60px)}.hero-art.brand-hero-art{height:490px}.hero-video-link{left:10px}.hero{gap:15px}.story-section{gap:40px}.feature-product{grid-template-columns:1fr 1fr;padding:35px}.video-teaser{grid-template-columns:1fr}.video-thumbnail{min-height:180px}.video-teaser-text{padding:18px 22px}.help-hero-visual{width:300px;right:0}.help-hero-visual img{width:350px}}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding-top:42px;gap:5px}.hero-art.brand-hero-art{height:460px;width:600px;max-width:100%;margin-top:25px}.hero-3d{width:100%;max-width:100%}.hero-video-link{left:35px;bottom:4px}.hero:before{inset:0 -20px}.story-section{grid-template-columns:1fr 1fr;gap:30px;padding-top:65px}.story-photo,.story-photo>img{min-height:370px;height:370px}.story-photo-note{font-size:23px;left:23px}.story-copy h2{font-size:30px}.story-copy>p:not(.kicker){font-size:12px}.story-values{gap:11px;font-size:9px}.feature-product{padding:30px;gap:20px}.feature-photo{min-height:260px}.video-learning-grid{gap:20px}.video-learning-heading h2{font-size:23px}.article-aside{background:#e7f6f7}.help-hero-visual img{width:300px}.help-hero-visual{width:230px;top:-19px}.help-hero-top>div:first-child{max-width:72%}.help-hero h1{font-size:36px}.video-dialog-header{padding:19px 23px}.video-dialog-header h2{font-size:18px}}
@media(max-width:580px){.hero{padding-top:32px;padding-bottom:35px}.hero h1{font-size:clamp(32px,9.7vw,46px)}.hero-art.brand-hero-art{height:330px;margin-top:20px;min-width:0;width:100%}.hero-3d{width:calc(100% + 25px);max-width:none;animation:none}.brand-ribbon{width:70px;height:145px;border-radius:22px}.ribbon-a{right:12px;top:10px}.ribbon-b{left:8px;bottom:20px;height:120px}.hero-art-tag{top:-2px;left:7px;font-size:7px;letter-spacing:1.7px}.hero-video-link{left:5px;bottom:1px;padding:9px 12px;gap:9px;border-radius:11px}.hero-video-link .play-circle{width:34px;height:34px;font-size:11px}.hero-video-link b{font-size:10px}.hero-video-link small{font-size:7px}.hero-video-link>.icon{width:15px;margin-left:6px}.art-credit{font-size:7px;right:0;bottom:5px}.hero:before{inset:0 -10px}.main-nav{background:#f6fcfd}.feature-product{grid-template-columns:1fr;padding:27px;gap:25px}.feature-photo{height:220px;min-height:220px;border-radius:14px}.feature-photo>span{font-size:7px;bottom:12px;left:12px}.story-section{grid-template-columns:1fr;padding-top:52px;gap:31px}.story-photo,.story-photo>img{height:320px;min-height:320px}.story-photo-note{font-size:24px;left:25px;bottom:26px}.story-copy h2{font-size:29px}.story-copy>p:not(.kicker){font-size:13px}.story-values{font-size:10px;gap:16px}.learning-art{min-height:300px}.learning-play{padding-top:70px}.learning-play b{font-size:18px}.learning-play .play-circle{width:57px;height:57px;font-size:18px}.help-hero{padding-block:30px}.help-hero-top{min-height:0;display:block;padding-bottom:130px}.help-hero-top>div:first-child{max-width:100%}.help-hero h1{font-size:29px}.help-hero-visual{width:210px;height:150px;top:auto;bottom:-13px;right:-6px}.help-hero-visual img{width:220px}.help-hero:after{width:60px;height:150px;top:110px;right:10%;opacity:.45}.search-form{margin-top:16px}.video-learning-section{padding-top:30px}.video-learning-heading h2{font-size:21px}.video-learning-grid{grid-template-columns:1fr;gap:17px}.video-teaser{grid-template-columns:1fr 1fr;min-height:150px}.video-thumbnail{min-height:150px}.video-teaser-text{padding:16px 13px}.video-teaser-text h3{font-size:13px}.video-teaser-text p{font-size:9px}.video-teaser-text>span{font-size:8px}.article-card{padding:0 21px 21px}.article-cover{margin-inline:-21px;margin-bottom:17px;aspect-ratio:1.95}.article-cover>span{right:13px;bottom:10px}.video-dialog{width:calc(100% - 20px);border-radius:14px}.video-dialog-header{padding:18px 18px}.video-dialog-header .dialog-close{right:14px;top:21px}.video-dialog-header h2{font-size:15px;padding-right:30px}.video-dialog-header .kicker{font-size:6px;letter-spacing:1.2px}.video-dialog-note{font-size:9px;padding:12px 16px}.video-status{padding-inline:16px;font-size:11px}.watch-page{padding-block:34px}.watch-page h1{font-size:23px}.watch-page video{border-radius:11px}}
@media(prefers-reduced-motion:reduce){.hero-3d{animation:none}.article-cover>img{transition:none}}
.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hero-copy{min-width:0}.hero-art.brand-hero-art{min-width:0;width:100%;overflow:clip}.brand-ribbon{display:none}
@media(max-width:820px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art.brand-hero-art{width:100%;max-width:600px}}
.brand b{position:relative;padding-right:9px}.brand b:after{content:'';position:absolute;right:0;top:35%;width:7px;height:11px;background:#d3f52b;clip-path:polygon(0 0,100% 50%,0 100%);border-radius:2px}
.help-results,.help-sidebar,.article-card{min-width:0}.help-layout{grid-template-columns:205px minmax(0,1fr)}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-cover>img{position:absolute;inset:0}
@media(max-width:820px){.help-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:580px){.article-grid{grid-template-columns:minmax(0,1fr)}}