:root{color-scheme:dark;--bg:#061d29;--panel:#0d2a38;--line:#315260;--text:#edf9f8;--muted:#b1c9ce;--mint:#6ce0d2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 78% 5%,#174455 0,#061d29 34rem),var(--bg);font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;line-height:1.65}a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin-inline:auto}.skip{position:absolute;left:-9999px;top:8px;padding:8px 14px;background:var(--mint);color:var(--bg);z-index:20}.skip:focus{left:8px}
header{border-bottom:1px solid #b1c9ce29}nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:1.12rem;font-weight:800;letter-spacing:.05em;text-decoration:none;white-space:nowrap}.brand-mark{width:37px;height:37px;display:grid;place-items:center;background:var(--mint);border-radius:11px;color:var(--bg);font-size:1.4rem;line-height:1}.nav-links{display:flex;align-items:center;gap:28px;color:var(--muted);font-size:.92rem}.nav-links a{text-decoration:none}.nav-links a:hover,.nav-links a:focus-visible{color:var(--mint)}.nav-links .nav-cta{border:1px solid var(--mint);color:var(--mint);border-radius:999px;padding:8px 18px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:45px;padding:92px 0 88px}.eyebrow{color:var(--mint);font-size:.8rem;font-weight:800;letter-spacing:.22em}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:1.13;letter-spacing:-.05em;margin:17px 0 23px}h1 em{color:var(--mint);font-style:normal}.hero-copy{color:#cadce0;font-size:1.1rem;max-width:580px;margin-bottom:30px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;align-items:center}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:9px;font-weight:800;text-decoration:none}.primary{background:var(--mint);color:#06202a}.primary:hover,.primary:focus-visible{background:#9df2e8}.secondary{border:1px solid var(--line)}.secondary:hover,.secondary:focus-visible{border-color:var(--mint)}.hero-note{color:var(--muted);margin:17px 0 0;font-size:.88rem}
.visual{position:relative;min-height:370px;border:1px solid #33606a;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 50% 18%,#226075,#0b3040 55%,#082531);box-shadow:0 28px 70px #00151db3}.visual:before,.visual:after{content:"";position:absolute;border:1px solid #7bdae466;border-radius:50%;width:450px;height:450px;left:50%;top:55%;transform:translate(-50%,-50%)}.visual:after{width:310px;height:310px;border-color:#7bdae43b}.visual svg{position:absolute;width:75%;left:12%;top:13%;filter:drop-shadow(0 28px 15px #001b24aa)}.visual-label{position:absolute;left:24px;bottom:22px;right:24px;display:flex;justify-content:space-between;gap:10px;border-top:1px solid #d4f4f348;padding-top:15px;font-size:.77rem;font-weight:700;letter-spacing:.12em;color:#daf7f5}
section{scroll-margin-top:24px}.section{padding:78px 0}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:29px}.section h2{font-size:clamp(2rem,3.5vw,2.75rem);line-height:1.2;letter-spacing:-.035em;margin:8px 0 0}.section-intro{color:var(--muted);margin:0;max-width:500px}.features,.pricing,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{padding:28px;border:1px solid var(--line);border-radius:15px;background:#0c2b39b8}.feature-number{display:block;color:var(--mint);font-size:.82rem;font-weight:800;margin-bottom:28px;letter-spacing:.16em}.feature h3,.step h3{font-size:1.15rem;margin-bottom:8px}.feature p,.step p{color:var(--muted);margin:0;font-size:.94rem}
.pricing-section{background:#0a2633;border-block:1px solid #24424e}.plan{display:flex;flex-direction:column;min-height:305px;border:1px solid var(--line);border-radius:17px;padding:27px;background:#0d2e3c}.plan.featured{border-color:var(--mint);background:linear-gradient(160deg,#174657,#0d2e3c 70%)}.plan-top{display:flex;align-items:start;justify-content:space-between;gap:8px}.plan-name{font-size:1.2rem;font-weight:800}.tag{border:1px solid #6ce0d2a0;color:var(--mint);border-radius:999px;padding:3px 10px;font-size:.72rem;white-space:nowrap}.price{font-size:clamp(2.5rem,4vw,3.5rem);font-weight:800;line-height:1;margin:28px 0 7px;letter-spacing:-.04em}.price small{font-size:.92rem;letter-spacing:0;margin-right:5px}.plan p{color:var(--muted);margin-bottom:0}.plan-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:19px;color:#d8eeed;font-size:.91rem}.purchase-status{display:flex;align-items:center;gap:10px;margin-top:24px;color:#f1e8d2;font-size:.94rem}.status-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#e8bc74;box-shadow:0 0 0 5px #e8bc7420}
.steps{gap:28px}.step{border-top:1px solid var(--line);padding-top:18px}.step strong{color:var(--mint);font-size:.81rem;letter-spacing:.12em}.step h3{margin:15px 0 7px}.info{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:0 0 80px}.info-card{border:1px solid var(--line);border-radius:16px;padding:29px;background:var(--panel)}.info-card h2{font-size:1.17rem;margin-bottom:11px}.info-card p{color:var(--muted);margin-bottom:0;font-size:.94rem}footer{border-top:1px solid #24424e;padding:28px 0 40px;color:var(--muted);font-size:.86rem}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}:focus-visible{outline:3px solid #a1f5eb;outline-offset:3px}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:60px 0;gap:34px}.visual{min-height:310px;max-width:540px;width:100%}.features,.pricing,.steps{grid-template-columns:1fr}.feature-number{margin-bottom:15px}.plan{min-height:250px}.section-top{display:block}.section-intro{margin-top:15px}}@media(max-width:580px){.wrap{width:min(100% - 32px,1120px)}nav{min-height:66px}.nav-links{gap:12px}.nav-links a:not(.nav-cta){display:none}.nav-links .nav-cta{padding:7px 12px}.hero{padding:48px 0 58px}.hero-copy{font-size:1rem}.visual{min-height:260px}.section{padding:58px 0}.info{grid-template-columns:1fr;padding-bottom:58px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.info-card a{color:var(--mint);overflow-wrap:anywhere}.info-card a:hover,.info-card a:focus-visible{color:#a1f5eb}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-card{padding:26px;border:1px solid var(--line);border-radius:15px;background:#0c2b39b8}.detail-card h3{font-size:1.12rem;margin-bottom:10px}.detail-card p,.detail-note{color:var(--muted);font-size:.94rem}.detail-card p{margin:0}.detail-note{margin:20px 0 0}.media-section{background:#0a2633;border-block:1px solid #24424e}.media-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:36px;align-items:center}.media-grid h2{font-size:clamp(2rem,3.5vw,2.75rem);line-height:1.2;letter-spacing:-.035em;margin:8px 0 17px}.media-grid p{color:var(--muted)}.media-grid .hero-actions{margin-top:24px}.author-card{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:28px}.author-card h3{margin-bottom:12px}.author-card p{margin:0}.media-section a{overflow-wrap:anywhere}
@media(max-width:800px){.detail-grid,.media-grid{grid-template-columns:1fr}}
/* 海洋藍與金色主視覺，依使用者提供的鯊魚宣傳圖調整。 */
:root{color-scheme:dark;--bg:#071843;--panel:#0b2d68;--line:#367bd0;--text:#f5fbff;--muted:#c8def7;--mint:#61dcff;--gold:#ffd56d}
body{background:radial-gradient(circle at 12% 2%,#157bcd 0,transparent 31rem),radial-gradient(circle at 92% 8%,#0b4ba4 0,transparent 34rem),linear-gradient(180deg,#092d73 0,#081c50 31%,#07143a 100%);color:var(--text)}
header{background:#071a4ecc;border-bottom:1px solid #66cfff77;box-shadow:0 5px 30px #01103666}
.brand{color:#fff;text-shadow:0 1px 10px #43beff88}.brand-mark{background:linear-gradient(145deg,#fff2b2,#ffc34c);color:#0a316c;box-shadow:0 0 18px #ffda74a3}
.nav-links{color:#d9edff}.nav-links .nav-cta{border-color:var(--gold);color:var(--gold);box-shadow:inset 0 0 10px #ffdd7233}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--gold)}
.eyebrow{color:#79e3ff;text-shadow:0 0 12px #2db7ff77}
h1{font-size:clamp(3rem,6vw,5.45rem);color:#fff;text-shadow:0 3px 18px #001647cc}h1 em{color:var(--gold);text-shadow:0 2px 0 #815411,0 0 22px #ffc8578c}
.section h2,.media-grid h2{color:#f9fdff;text-shadow:0 0 20px #31baff55}.hero-copy{color:#e0efff}
.primary{color:#17284d;background:linear-gradient(180deg,#fff1a8,#ffd36a 53%,#efa937);border:1px solid #fff1ab;box-shadow:0 8px 23px #fbbd4955,inset 0 1px 0 #fff8cc}
.primary:hover,.primary:focus-visible{color:#17284d;background:linear-gradient(180deg,#fff7c9,#ffdf88 55%,#ffc44c)}
.secondary{border-color:#79dfff;color:#e4f9ff;background:#083a84a6}.secondary:hover,.secondary:focus-visible{border-color:var(--gold);color:var(--gold)}
.hero-note{color:#bfe2ff}
.visual{min-height:430px;background:#0b4aab;border:2px solid #f5d487;box-shadow:0 28px 70px #00123ecc,0 0 28px #59ccff66,inset 0 0 25px #8ddef77a}
.visual:before,.visual:after,.visual svg{display:none}
.poster-art{position:absolute;inset:0;background-image:linear-gradient(180deg,transparent 67%,#061c4b 100%),url("./assets/shark-poster.png");background-size:100% 100%,190% auto;background-position:center,left center;background-repeat:no-repeat}
.visual-label{z-index:1;color:#fff5c0;border-color:#ffe39688;text-shadow:0 2px 6px #061c4b}
.feature,.detail-card,.info-card,.author-card{background:linear-gradient(145deg,#10448c,#09285d 78%);border-color:#4b9be4;box-shadow:0 12px 28px #01164466,inset 0 1px 0 #a7e9ff2c}
.feature-number,.step strong{color:var(--gold)}
.feature h3,.detail-card h3,.step h3,.author-card h3,.info-card h2{color:#f7fbff}
.pricing-section,.media-section{background:linear-gradient(180deg,#0b3378,#081e54);border-block:1px solid #61c8ff77}
.plan{background:linear-gradient(160deg,#1260b0,#0b397b 53%,#08265e);border:1px solid #55b8fa;box-shadow:0 14px 33px #01133888,inset 0 1px 0 #8ee9ff66}
.plan.featured{background:linear-gradient(160deg,#1978c9,#0d438d 53%,#08265e);border-color:#ffe28b;box-shadow:0 13px 32px #01133899,0 0 18px #ffdf7e55}
.plan-name{color:#fff}.price{color:var(--gold);text-shadow:0 3px 0 #75501a,0 0 20px #ffd76a66}.price small{color:#eafaff;text-shadow:none}
.plan-bottom{border-top-color:#70c7f77d}.tag{color:#fff0b1;border-color:#ffe08e;background:#ad732b77}
.purchase-status{align-items:flex-start;padding:18px 21px;border:1px solid #efce7f;border-radius:13px;background:linear-gradient(90deg,#164a8d,#0a326e);box-shadow:0 0 20px #62c7ff33;color:#fff4cf}.purchase-status a{color:#ffe481;font-weight:800;text-underline-offset:3px}.purchase-status a:hover,.purchase-status a:focus-visible{color:#fff6be}
.status-dot{margin-top:.7em;background:var(--gold);box-shadow:0 0 0 5px #ffd87433,0 0 13px #ffdf75}
.step{border-color:#6bbfee88}.info-card a{color:#8ee7ff}.info-card a:hover,.info-card a:focus-visible{color:#ffdf83}
footer{background:#061235;border-color:#5eaffe55}.detail-note{color:#d8eaff}
:focus-visible{outline-color:#ffe082}
@media(max-width:800px){.hero{grid-template-columns:1fr}.visual{min-height:350px}.poster-art{background-size:100% 100%,170% auto}}
@media(max-width:580px){.visual{min-height:270px}.poster-art{background-size:100% 100%,190% auto}.purchase-status{padding:16px}}

/* 低對比海流光影，讓長頁背景有層次而不干擾閱讀。 */
body{
  background:
    radial-gradient(ellipse 58rem 31rem at 7% 4%,#2c9cdb4a 0,transparent 70%),
    radial-gradient(ellipse 48rem 27rem at 97% 43%,#2486c12e 0,transparent 72%),
    radial-gradient(ellipse 46rem 25rem at 1% 86%,#2da7c024 0,transparent 72%),
    linear-gradient(180deg,#09275f 0,#081c4a 48%,#06132f 100%);
  background-attachment:fixed;
}
main{
  background:
    radial-gradient(ellipse 72% 13% at 16% 27%,transparent 78%,#91e8ff0c 79%,transparent 80%),
    radial-gradient(ellipse 70% 12% at 83% 68%,transparent 78%,#91e8ff0a 79%,transparent 80%);
}
.pricing-section,.media-section{
  background:
    radial-gradient(ellipse 37rem 18rem at 2% 0,#4ebaff26 0,transparent 76%),
    radial-gradient(ellipse 40rem 20rem at 98% 100%,#2f9de524 0,transparent 76%),
    linear-gradient(180deg,#0b3378,#081e54);
}
@media(max-width:580px){body{background-attachment:scroll}}

/* 2026-10-06：第一版概念圖的冒險海洋視覺。 */
:root{--bg:#061329;--panel:#0b2450;--line:#3274af;--text:#f6fbff;--muted:#c6d9f0;--mint:#69d8ff;--gold:#ffdc83}
body{background:radial-gradient(ellipse 70rem 30rem at 85% 47%,#1163a345,transparent 70%),linear-gradient(180deg,#071a39 0%,#061329 100%);color:var(--text)}
.wrap{width:min(1260px,calc(100% - 64px))}
header{position:relative;z-index:2;background:#06152ee6;border-bottom:1px solid #72bfff35;box-shadow:0 7px 28px #010b2170}
nav{min-height:80px}.brand{font-size:1.35rem;font-weight:900}.brand-mark{width:39px;height:39px;background:none;box-shadow:none;font-size:1.75rem;line-height:1}
.nav-links{gap:34px}.nav-links .nav-cta{border:1px solid #8acfff;border-radius:9px;color:#fff;background:#0b367770;box-shadow:none}
.hero-shell{position:relative;isolation:isolate;overflow:hidden;background:#061329 url("./assets/shark-hero.png") center center/cover no-repeat;border-bottom:1px solid #64bdfd44}
.hero-shell:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03112b7a 0%,transparent 66%),linear-gradient(180deg,transparent 76%,#061329 100%)}
.hero{display:grid;grid-template-columns:48% 52%;min-height:600px;align-items:center;gap:0;padding-block:55px 65px}
.hero-content{position:relative;z-index:1;max-width:595px}
.eyebrow{color:#74dfff;letter-spacing:.26em;text-shadow:none}
h1{font-size:clamp(3.8rem,7vw,6.8rem);line-height:1.18;letter-spacing:.04em;margin:15px 0 9px;font-weight:900;color:#fff;text-shadow:0 4px 5px #003b90,0 0 24px #50bfff70}
.hero-lead{font-size:clamp(1.4rem,2.5vw,2.1rem);font-weight:800;letter-spacing:.04em;margin-bottom:20px;text-shadow:0 2px 10px #00152d}
.hero-copy{font-size:1.06rem;line-height:1.9;max-width:485px;color:#e1efff;margin-bottom:28px;text-shadow:0 2px 8px #00112b}
.primary,.secondary{min-height:54px;padding:11px 27px;border-radius:10px;font-size:1rem;transition:transform .16s,box-shadow .16s,background .16s}
.primary{background:linear-gradient(180deg,#fff2b2,#ffd978 60%,#ecae48);border:1px solid #fff0aa;box-shadow:0 8px 24px #ffce6570;color:#142544}
.primary:hover,.primary:focus-visible{transform:translateY(-2px);box-shadow:0 10px 29px #ffd36c9c;color:#142544}
.secondary{border:1px solid #78d5ff;background:#09275bb0;color:#e8f7ff}
.secondary:hover,.secondary:focus-visible{background:#15518ccc;box-shadow:0 0 18px #56cfff45;color:#fff}
.hero-facts{display:flex;flex-wrap:wrap;gap:0;margin-top:34px;color:#e1f5ff;font-size:.88rem;font-weight:700}
.hero-facts span+span{border-left:1px solid #8dd2fa77;margin-left:17px;padding-left:17px}
.hero-note{color:#b6d3ec;font-size:.8rem;line-height:1.6;margin:18px 0 0}
.hero-art{height:100%;min-height:460px}
.section{padding-block:82px}.section h2,.media-grid h2{font-size:clamp(2rem,3.4vw,2.75rem)}
.pricing-section{position:relative;padding-top:49px;background:radial-gradient(ellipse 38rem 15rem at 50% -5%,#0d4d8e9c,transparent 80%),linear-gradient(180deg,#071d43,#071735);border-bottom:1px solid #3176b154}
.pricing-section .section-top{align-items:center;margin-bottom:33px}.pricing-section .section-top>div{width:100%;text-align:center}.pricing-section .section-intro{display:none}
.pricing{gap:18px;max-width:1170px;margin-inline:auto}
.plan{min-height:243px;padding:26px 28px 22px;border:1px solid #4088c0;border-radius:17px;background:linear-gradient(145deg,#0a2d63,#081e47 76%);box-shadow:inset 0 1px 0 #bce9ff22,0 16px 30px #020e2e78;text-align:center}
.plan.featured{border:2px solid #f7d375;padding:25px 27px 21px;background:linear-gradient(145deg,#0e3975,#0a244e 76%);box-shadow:0 0 27px #f4cd5a30,inset 0 1px 0 #fff4cc55}
.plan-top{min-height:27px;justify-content:center;align-items:center;gap:10px}.plan-name{font-size:1.14rem}
.tag{font-size:.7rem;border:0;border-radius:99px;padding:2px 9px;background:#f9d980;color:#14243a;font-weight:800}
.price{font-size:clamp(3rem,4.5vw,4.1rem);line-height:1.05;letter-spacing:-.05em;font-weight:900;margin:16px 0 8px;color:#f8fbff;text-shadow:0 2px 12px #66c9ff5e}
.featured .price{color:var(--gold);text-shadow:0 2px 15px #f5d2667d}.price small{font-size:1rem;color:#d5eaff}.plan p{font-size:.9rem;color:#d5e8fa}.plan-bottom{border:0;padding-top:16px;color:#adcae5;font-size:.82rem}
.purchase-status{max-width:1170px;margin:23px auto 0;padding:15px 18px;border:1px solid #e2bf705e;border-radius:11px;background:#0d2c5c;color:#f5e8c8;box-shadow:none}.purchase-status a{color:#ffe18a}.status-dot{box-shadow:0 0 0 5px #f3ce5933}
.feature,.detail-card,.author-card,.info-card{border:1px solid #2d669f;border-radius:17px;background:linear-gradient(145deg,#0d2c59,#091d3f);box-shadow:inset 0 1px 0 #a8dbff13,0 13px 30px #020b2080}
.feature-number,.step strong{color:var(--gold)}
.media-section{background:radial-gradient(ellipse 50rem 20rem at 95% 20%,#154b83a3,transparent 80%),linear-gradient(180deg,#081d40,#07162e);border-color:#2d659d}
.step{border-color:#397fba}.info-card a{color:#8cdeff}.info-card a:hover,.info-card a:focus-visible{color:var(--gold)}
footer{background:#061127;border-color:#2d659d}:focus-visible{outline-color:var(--gold)}
@media(max-width:980px){.nav-links{gap:17px}.hero{grid-template-columns:54% 46%;min-height:560px}.hero-shell{background-position:56% center}.hero-copy{max-width:435px}}
@media(max-width:800px){.wrap{width:min(100% - 38px,1260px)}nav{min-height:70px}.hero-shell{background-position:63% center}.hero-shell:before{background:linear-gradient(90deg,#04142fe8 0%,#04142fc2 54%,#04142f29 100%),linear-gradient(180deg,transparent 55%,#061329 100%)}.hero{grid-template-columns:1fr;min-height:620px;padding-block:60px;gap:0}.hero-content{max-width:560px}.hero-art{display:none}.hero-copy{max-width:500px}.pricing-section .section-intro{display:block;text-align:center;margin-inline:auto}.pricing{max-width:520px}.plan{min-height:210px}}
@media(max-width:580px){.wrap{width:min(100% - 32px,1260px)}.brand{font-size:1.1rem}.brand-mark{width:31px;font-size:1.4rem}.nav-links .nav-cta{padding:7px 10px;font-size:.8rem}.hero-shell{background-position:67% top;background-size:auto 600px}.hero-shell:before{background:linear-gradient(90deg,#03112bf2,#03112bcb 75%,#03112b8e),linear-gradient(180deg,transparent 62%,#061329 100%)}.hero{min-height:560px;padding-block:45px 55px}.eyebrow{font-size:.7rem;letter-spacing:.2em}h1{font-size:clamp(3.1rem,13vw,4.8rem);margin-top:13px}.hero-lead{font-size:1.35rem}.hero-copy{font-size:1rem}.hero-actions{gap:10px}.primary,.secondary{min-height:48px;padding:9px 17px;font-size:.91rem}.hero-facts{margin-top:26px;font-size:.77rem}.hero-facts span+span{margin-left:9px;padding-left:9px}.hero-note{font-size:.75rem}.section{padding-block:57px}.pricing-section{padding-top:39px}.purchase-status{padding:14px}}
@media(prefers-reduced-motion:reduce){.primary,.secondary{transition:none}}


/* 淡海浪水波紋：只在背景與區塊邊緣出現，文字保持乾淨。 */
main{
  background:
    radial-gradient(ellipse 47rem 16rem at -8% 39%,transparent 68%,#8ddaff13 68.3%,transparent 68.8%,transparent 74%,#8ddaff0d 74.3%,transparent 74.8%),
    radial-gradient(ellipse 52rem 17rem at 108% 73%,transparent 66%,#8ddaff12 66.3%,transparent 66.8%,transparent 73%,#8ddaff0c 73.3%,transparent 73.8%);
}
.pricing-section,.media-section{position:relative;isolation:isolate}
.pricing-section::before,.media-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 43rem 16rem at -7% 80%,transparent 62%,#8bdcff1a 62.3%,transparent 62.8%,transparent 70%,#8bdcff11 70.3%,transparent 70.8%,transparent 78%,#8bdcff0a 78.3%,transparent 78.8%),
    radial-gradient(ellipse 47rem 17rem at 106% 8%,transparent 63%,#80d6ff19 63.3%,transparent 63.8%,transparent 72%,#80d6ff10 72.3%,transparent 72.8%);
}
.pricing-section>.wrap,.media-section>.wrap{position:relative;z-index:1}
@media(max-width:580px){
  main{background:radial-gradient(ellipse 29rem 12rem at 108% 72%,transparent 67%,#8ddaff10 67.4%,transparent 68%)}
  .pricing-section::before,.media-section::before{
    background:radial-gradient(ellipse 28rem 12rem at 106% 8%,transparent 64%,#8bdcff15 64.4%,transparent 65%,transparent 74%,#8bdcff0d 74.4%,transparent 75%);
  }
}


/* 建議設備以清楚的資訊列呈現，延續低對比深海底色。 */
.requirements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.requirement{min-width:0;padding:20px 23px;border:1px solid #3271aa;border-radius:13px;background:linear-gradient(135deg,#0b2b57e8,#081d3fdd)}
.requirement dt{color:#87dfff;font-size:.84rem;font-weight:800;letter-spacing:.08em;margin-bottom:5px}
.requirement dd{margin:0;color:#f3f8ff;font-size:1rem;font-weight:700}
.requirement:last-child{grid-column:1/-1}
@media(max-width:680px){.requirements-grid{grid-template-columns:1fr}.requirement:last-child{grid-column:auto}}