:root{
--bg:#050505;
--panel:#100a17;
--purple:#ad55ff;
--purple-light:#dfbaff;
--text:#f7f3ff;
--muted:#d2c8da;
--muted-2:#a99eb4;
--line:rgba(191,109,255,.32);
--header-h:76px;
}

html{
margin:0;
padding:0;
width:100%;
background:var(--bg);
scroll-behavior:smooth;
}

body{
margin:0;
padding:0;
width:100%;
min-height:100vh;
background:
radial-gradient(circle at 50% -10%,rgba(154,56,225,.16),transparent 34%),
linear-gradient(180deg,#070509 0%,#050505 42%,#050505 100%);
color:var(--text);
font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;
-webkit-font-smoothing:antialiased;
overflow-x:hidden;
}

*,
*::before,
*::after{
box-sizing:border-box;
}

a{
color:inherit;
}

img{
display:block;
max-width:100%;
height:auto;
}

/* PAGE HEADER */

.rock-site-header{
position:sticky;
top:0;
z-index:9999;
width:100%;
height:var(--header-h);
border-bottom:1px solid rgba(191,109,255,.22);
background:rgba(5,5,5,.88);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
box-shadow:0 10px 30px rgba(0,0,0,.25);
}

.rock-site-header__inner{
width:calc(100% - 32px);
max-width:1240px;
height:100%;
margin:0 auto;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
}

.rock-site-brand{
min-width:0;
display:flex;
align-items:center;
gap:12px;
text-decoration:none;
}

.rock-site-brand__mark{
width:42px;
height:42px;
flex:0 0 42px;
display:grid;
place-items:center;
border:1px solid rgba(191,109,255,.56);
border-radius:13px;
background:linear-gradient(145deg,#1d0e2a,#09050d);
box-shadow:inset 0 0 18px rgba(173,85,255,.13),0 0 22px rgba(173,85,255,.12);
color:#e7cbff;
font-size:17px;
font-weight:1000;
}

.rock-site-brand__name{
display:block;
color:#f6efff;
font-size:17px;
line-height:1.3;
font-weight:1000;
white-space:nowrap;
}

.rock-site-brand__sub{
display:block;
margin-top:2px;
color:#9f93aa;
font-size:10px;
line-height:1.3;
font-weight:800;
letter-spacing:.12em;
white-space:nowrap;
}

.rock-site-nav{
display:flex;
align-items:center;
gap:4px;
}

.rock-site-nav a{
display:flex;
align-items:center;
justify-content:center;
min-height:42px;
padding:0 13px;
border-radius:12px;
color:#cfc6d5;
font-size:14px;
font-weight:800;
text-decoration:none;
transition:.2s ease;
}

.rock-site-nav a:hover{
color:#fff;
background:rgba(173,85,255,.10);
}

.rock-site-nav__cta{
margin-left:6px;
border:1px solid rgba(191,109,255,.45);
background:linear-gradient(180deg,rgba(122,46,177,.28),rgba(62,20,91,.18));
color:#ead7ff!important;
}

/* HERO */

.rock-page-hero{
position:relative;
width:calc(100% - 28px);
max-width:1180px;
margin:0 auto;
padding:clamp(48px,7vw,84px) 0 24px;
}

.rock-page-hero::before{
content:"";
position:absolute;
top:22px;
left:50%;
width:70%;
height:220px;
transform:translateX(-50%);
background:radial-gradient(circle,rgba(173,85,255,.12),transparent 68%);
filter:blur(18px);
pointer-events:none;
}

.rock-page-hero__inner{
position:relative;
z-index:1;
text-align:center;
}

.rock-page-hero__eyebrow{
display:inline-flex;
align-items:center;
gap:9px;
margin-bottom:17px;
color:#b86bff;
font-size:clamp(10px,1vw,13px);
font-weight:1000;
letter-spacing:.16em;
}

.rock-page-hero__eyebrow::before,
.rock-page-hero__eyebrow::after{
content:"";
width:38px;
height:1px;
background:linear-gradient(90deg,transparent,#ad55ff);
}

.rock-page-hero__eyebrow::after{
background:linear-gradient(90deg,#ad55ff,transparent);
}

.rock-page-hero h1{
max-width:940px;
margin:0 auto;
color:#f8f3ff;
font-size:clamp(34px,5vw,58px);
line-height:1.25;
font-weight:1000;
letter-spacing:-.025em;
}

.rock-page-hero h1 span{
background:linear-gradient(90deg,#f8efff,#d6a2ff 48%,#f8efff);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}

.rock-page-hero__image{
display:block;
width:100%;
height:auto;
margin:28px auto 0;
border-radius:22px;
}

.rock-page-hero__lead{
max-width:800px;
margin:22px auto 0;
color:#bfb4c8;
font-size:clamp(15px,1.45vw,18px);
line-height:1.9;
}

/* SUMMARY */

.elements-call-summary{
width:calc(100% - 28px);
max-width:1180px;
margin:22px auto 28px;
padding:clamp(22px,3vw,32px);
border:1px solid rgba(191,109,255,.42);
border-radius:24px;
background:
radial-gradient(circle at 100% 0,rgba(173,85,255,.11),transparent 28%),
linear-gradient(180deg,rgba(24,12,35,.94),rgba(8,5,11,.98));
box-shadow:inset 0 0 30px rgba(150,58,221,.08),0 18px 42px rgba(0,0,0,.25);
}

.elements-call-summary__kicker{
display:flex;
align-items:center;
gap:10px;
margin:0 0 12px;
color:var(--purple);
font-size:clamp(11px,1.2vw,15px);
font-weight:900;
letter-spacing:.13em;
}

.elements-call-summary__kicker::before{
content:"";
width:42px;
height:2px;
flex:0 0 42px;
background:linear-gradient(90deg,var(--purple),transparent);
box-shadow:0 0 14px var(--purple);
}

.elements-call-summary h2{
margin:0 0 16px;
color:#f2e8ff;
font-size:clamp(23px,3vw,34px);
line-height:1.45;
font-weight:900;
}

.elements-call-summary__answer{
padding:18px 20px;
border-left:3px solid var(--purple);
border-radius:0 16px 16px 0;
background:linear-gradient(90deg,rgba(92,32,132,.34),rgba(52,17,78,.10));
}

.elements-call-summary__answer p{
margin:0;
color:var(--muted);
font-size:clamp(15px,1.45vw,18px);
line-height:1.95;
}

.elements-call-summary__answer strong{
color:var(--purple-light);
}

.elements-call-summary__steps{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:10px;
margin-top:18px;
}

.elements-call-summary__step{
padding:15px 12px;
border:1px solid rgba(191,109,255,.25);
border-radius:14px;
background:rgba(13,8,18,.72);
text-align:center;
}

.elements-call-summary__step span{
display:block;
margin-bottom:5px;
color:var(--purple);
font-size:11px;
font-weight:900;
letter-spacing:.08em;
}

.elements-call-summary__step strong{
display:block;
color:#eadbff;
font-size:16px;
}

/* ARTICLE */

.rock-article{
width:calc(100% - 28px);
max-width:1180px;
margin:0 auto;
}

.rock-article__intro{
margin:0 0 20px;
padding:clamp(22px,3vw,30px);
border:1px solid rgba(191,109,255,.28);
border-radius:22px;
background:linear-gradient(180deg,rgba(18,10,27,.90),rgba(8,5,11,.95));
}

.rock-article__intro p{
margin:0;
color:#d4cadc;
font-size:clamp(15px,1.4vw,17px);
line-height:1.95;
}

.rock-article__intro p+p{
margin-top:14px;
}

.rock-article__intro strong{
color:#e3c2ff;
}

.rock-article__section{
position:relative;
margin:0 0 18px;
padding:clamp(22px,3vw,30px);
overflow:hidden;
border:1px solid rgba(191,109,255,.28);
border-radius:22px;
background:
linear-gradient(180deg,rgba(20,11,30,.88),rgba(8,5,11,.95));
box-shadow:0 12px 26px rgba(0,0,0,.15);
}

.rock-article__section::before{
content:"";
position:absolute;
left:0;
top:28px;
width:3px;
height:52px;
border-radius:0 4px 4px 0;
background:linear-gradient(180deg,#d49aff,#8b36ce);
box-shadow:0 0 18px rgba(173,85,255,.55);
}

.rock-article__number{
display:block;
margin-bottom:8px;
color:#ad55ff;
font-size:11px;
font-weight:1000;
letter-spacing:.14em;
}

.rock-article__section h2{
margin:0 0 16px;
color:#f1e7ff;
font-size:clamp(23px,3vw,34px);
line-height:1.45;
font-weight:1000;
}

.rock-article__section p{
margin:0;
color:#d3cadb;
font-size:clamp(15px,1.4vw,17px);
line-height:1.98;
}

.rock-article__section p+p{
margin-top:14px;
}

.rock-article__section strong{
color:#e4c5ff;
font-weight:1000;
}

.rock-article__quote{
margin:18px 0;
padding:16px 18px;
border-left:3px solid #ad55ff;
border-radius:0 14px 14px 0;
background:linear-gradient(90deg,rgba(92,32,132,.32),rgba(52,17,78,.08));
color:#eadcf7;
font-size:clamp(15px,1.4vw,17px);
line-height:1.8;
font-weight:800;
}

.rock-article__example{
margin-top:18px;
padding:17px 18px;
border:1px solid rgba(191,109,255,.22);
border-radius:15px;
background:#0d0911;
}

.rock-article__example span{
display:block;
margin-bottom:7px;
color:#ad55ff;
font-size:11px;
font-weight:900;
letter-spacing:.09em;
}

.rock-article__example p{
color:#e5dcec;
}

/* RELATED */

.elements-related-pages{
width:calc(100% - 28px);
max-width:1180px;
margin:30px auto 0;
padding:clamp(22px,3vw,30px);
border:1px solid rgba(191,109,255,.28);
border-radius:22px;
background:linear-gradient(180deg,rgba(20,11,30,.88),rgba(8,5,11,.95));
}

.elements-related-pages>h2{
margin:0 0 18px;
color:#f1e7ff;
font-size:clamp(23px,3vw,34px);
line-height:1.45;
}

.elements-related-pages article{
padding:18px 19px;
border:1px solid rgba(192,106,255,.24);
border-radius:16px;
background:linear-gradient(180deg,rgba(15,9,21,.96),rgba(7,5,10,.97));
}

.elements-related-pages article+article{
margin-top:10px;
}

.elements-related-pages h3{
margin:0 0 10px;
font-size:clamp(17px,1.7vw,21px);
line-height:1.55;
}

.elements-related-pages h3 a{
color:#d9a8ff;
text-decoration:none;
}

.elements-related-pages h3 a:hover{
text-decoration:underline;
}

.elements-related-pages p{
margin:0;
color:#d3cadb;
font-size:15px;
line-height:1.9;
}

/* FOOTER */

.rock-site-footer{
position:relative;
width:100%;
margin-top:64px;
border-top:1px solid rgba(191,109,255,.22);
background:
radial-gradient(circle at 50% 0,rgba(146,47,223,.10),transparent 34%),
linear-gradient(180deg,#09060d,#050505);
}

.rock-site-footer__inner{
width:calc(100% - 32px);
max-width:1180px;
margin:0 auto;
padding:52px 0 28px;
}

.rock-site-footer__top{
display:grid;
grid-template-columns:minmax(0,1.45fr) minmax(180px,.55fr) minmax(180px,.55fr);
gap:50px;
padding-bottom:38px;
}

.rock-site-footer__logo{
display:flex;
align-items:center;
gap:12px;
margin-bottom:18px;
}

.rock-site-footer__logo-mark{
width:44px;
height:44px;
display:grid;
place-items:center;
border:1px solid rgba(191,109,255,.48);
border-radius:13px;
background:linear-gradient(145deg,#1b0c28,#09050d);
color:#e3c2ff;
font-size:17px;
font-weight:1000;
}

.rock-site-footer__logo-name{
color:#f4ecff;
font-size:19px;
font-weight:1000;
}

.rock-site-footer__brand p{
max-width:520px;
margin:0;
color:#aaa0b3;
font-size:14px;
line-height:1.9;
}

.rock-site-footer__title{
margin:0 0 15px;
color:#e9dbf7;
font-size:14px;
font-weight:1000;
letter-spacing:.08em;
}

.rock-site-footer__links{
display:grid;
gap:10px;
}

.rock-site-footer__links a{
width:max-content;
max-width:100%;
color:#a99fb1;
font-size:13px;
text-decoration:none;
}

.rock-site-footer__links a:hover{
color:#d8adff;
}

.rock-site-footer__bottom{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
padding-top:24px;
border-top:1px solid rgba(255,255,255,.06);
}

.rock-site-footer__legal{
color:#807786;
font-size:12px;
line-height:1.8;
}

.rock-site-footer__legal p{
margin:0;
}

.rock-site-footer__legal p+p{
margin-top:4px;
}

.rock-site-footer__tag{
color:#9e91a8;
font-size:11px;
font-weight:900;
letter-spacing:.10em;
white-space:nowrap;
}

/* MOBILE */

@media(max-width:900px){

.rock-site-nav a:not(.rock-site-nav__cta){
display:none;
}

.rock-site-footer__top{
grid-template-columns:1fr 1fr;
gap:34px 24px;
}

.rock-site-footer__brand{
grid-column:1 / -1;
}

}

@media(max-width:768px){

:root{
--header-h:66px;
}

.rock-site-header__inner{
width:calc(100% - 24px);
}

.rock-site-brand__mark{
width:37px;
height:37px;
flex-basis:37px;
font-size:15px;
}

.rock-site-brand__name{
font-size:15px;
}

.rock-site-brand__sub{
font-size:8px;
}

.rock-site-nav__cta{
min-height:38px!important;
padding:0 11px!important;
font-size:12px!important;
}

.rock-page-hero{
padding:34px 0 16px;
}

.rock-page-hero__eyebrow{
font-size:9px;
}

.rock-page-hero__eyebrow::before,
.rock-page-hero__eyebrow::after{
width:24px;
}

.rock-page-hero h1{
font-size:30px;
line-height:1.35;
}

.rock-page-hero__lead{
margin-top:16px;
font-size:14px;
line-height:1.85;
}

.elements-call-summary{
margin:16px auto 22px;
padding:18px 15px;
border-radius:20px;
}

.elements-call-summary__kicker{
font-size:10px;
gap:8px;
}

.elements-call-summary__kicker::before{
width:28px;
flex-basis:28px;
}

.elements-call-summary h2{
font-size:22px;
}

.elements-call-summary__answer{
padding:15px 14px;
}

.elements-call-summary__answer p{
font-size:14px;
line-height:1.9;
}

.elements-call-summary__steps{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
}

.elements-call-summary__step{
padding:12px 8px;
}

.rock-article__intro,
.rock-article__section,
.elements-related-pages{
padding:18px 15px;
border-radius:19px;
}

.rock-article__section h2,
.elements-related-pages>h2{
font-size:22px;
}

.rock-article__section p,
.rock-article__intro p{
font-size:14px;
line-height:1.92;
}

.rock-article__quote{
padding:14px 13px;
font-size:14px;
}

.elements-related-pages article{
padding:15px 14px;
}

.elements-related-pages p{
font-size:14px;
}

.rock-site-footer__inner{
width:calc(100% - 28px);
padding:38px 0 22px;
}

.rock-site-footer__top{
grid-template-columns:1fr;
gap:28px;
}

.rock-site-footer__brand{
grid-column:auto;
}

.rock-site-footer__bottom{
display:block;
}

.rock-site-footer__tag{
margin-top:14px;
white-space:normal;
}

}

@media(max-width:420px){

.rock-site-brand__sub{
display:none;
}

.rock-page-hero,
.elements-call-summary,
.rock-article,
.elements-related-pages{
width:calc(100% - 24px);
}

.rock-page-hero h1{
font-size:27px;
}

.elements-call-summary h2{
font-size:20px;
}

.rock-article__section h2,
.elements-related-pages>h2{
font-size:21px;
}

}

.rock-site-menu-button{display:none;width:44px;height:44px;border:1px solid rgba(191,109,255,.3);border-radius:12px;background:#111;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0;cursor:pointer}.rock-site-menu-button span{display:block;width:20px;height:2px;background:#fff;border-radius:999px;transition:.2s ease}.rock-site-menu-button.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.rock-site-menu-button.is-open span:nth-child(2){opacity:0}.rock-site-menu-button.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:860px){.rock-site-header__inner{position:relative}.rock-site-menu-button{display:flex!important}.rock-site-nav{position:absolute!important;top:100%!important;left:0!important;right:0!important;width:100%!important;display:none!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;padding:12px!important;background:#09090b!important;border:1px solid rgba(191,109,255,.22)!important;border-radius:0 0 16px 16px!important;box-shadow:0 18px 38px rgba(0,0,0,.35)!important;z-index:9999!important}.rock-site-nav.is-open{display:flex!important}.rock-site-nav a,.rock-site-nav>a{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-height:44px!important;padding:0 14px!important;border-radius:10px!important;background:#111!important;color:#fff!important;text-decoration:none!important;font-size:14px!important;font-weight:800!important}.rock-site-nav a:hover{background:#181818!important}.rock-site-nav__cta{display:flex!important;justify-content:center!important;background:linear-gradient(135deg,#702aa8,#4d1d75)!important}}
.elements-floating-actions{position:fixed!important;right:18px!important;bottom:18px!important;z-index:2147483647!important;display:flex;flex-direction:column;gap:10px;margin:0!important;padding:0!important;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;transform:none!important}.elements-floating-actions,.elements-floating-actions *{box-sizing:border-box}.elements-floating-action{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:118px;min-height:48px;padding:0 14px;border:1px solid rgba(191,109,255,.38);border-radius:999px;background:linear-gradient(135deg,rgba(34,15,47,.96),rgba(11,7,15,.98));color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:900;line-height:1;box-shadow:0 10px 28px rgba(0,0,0,.34),0 0 20px rgba(173,85,255,.10);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .2s ease,border-color .2s ease,background .2s ease,filter .2s ease}.elements-floating-action:hover{transform:translateY(-2px);border-color:rgba(220,154,255,.65);filter:brightness(1.08)}.elements-floating-action__icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:rgba(173,85,255,.16);color:#e6caff;font-size:15px;font-weight:1000}.elements-floating-action__text{display:block;white-space:nowrap}.elements-floating-line{background:linear-gradient(135deg,rgba(25,155,79,.95),rgba(11,92,47,.98));border-color:rgba(70,220,126,.42)}.elements-floating-line .elements-floating-action__icon{background:rgba(255,255,255,.15);color:#fff;font-size:9px}.elements-floating-line:hover{border-color:rgba(121,255,172,.72)}.elements-floating-phone{background:linear-gradient(135deg,rgba(112,42,168,.98),rgba(69,22,108,.98));border-color:rgba(205,128,255,.48)}.elements-floating-home{background:linear-gradient(135deg,rgba(26,20,33,.98),rgba(9,7,12,.98))}@media(max-width:768px){.elements-floating-actions{left:12px!important;right:12px!important;bottom:12px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:auto!important}.elements-floating-action{width:100%!important;min-width:0!important;min-height:46px;justify-content:center;padding:0 8px;border-radius:14px;font-size:13px}.elements-floating-action__icon{display:none}.elements-floating-action__text{width:100%;text-align:center;font-size:13px}}@media(max-width:420px){.elements-floating-actions{left:8px!important;right:8px!important;bottom:8px!important;gap:6px!important}.elements-floating-action{min-height:44px;padding:0 6px;border-radius:12px}.elements-floating-action__text{font-size:12px}}