/* 尚儀教育有聲雲｜網站導覽與使用協助 V1 */
:root{
    --tour-blue:#0b3b66;
    --tour-blue2:#1d527f;
    --tour-orange:#f39a21;
    --tour-orange-dark:#d97d05;
    --tour-ink:#22384d;
    --tour-muted:#687b8f;
    --tour-line:#dce6ef;
    --tour-soft:#eef4f8;
    --tour-bg:#f4f7fa;
    --tour-shadow:0 14px 36px rgba(24,53,84,.08);
}
html,body{margin:0;min-height:100%;}
body.sy-tour-body{background:var(--tour-bg);color:var(--tour-ink);font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;}
.sy-tour-body *, .sy-tour-body *::before, .sy-tour-body *::after{box-sizing:border-box;}
.sy-tour-skip{position:absolute;left:-9999px;top:auto;}
.sy-tour-skip:focus{left:16px;top:16px;z-index:10000;padding:10px 16px;border-radius:8px;background:#fff;color:var(--tour-blue);}
body.sy-tour-body main.sy-tour-main{width:min(1380px,calc(100% - 40px)) !important;max-width:1380px !important;margin:0 auto !important;padding:28px 0 58px !important;}
.sy-tour-hero{min-height:168px;display:flex;flex-direction:column;justify-content:center;padding:30px 38px;border-radius:28px;color:#fff;background:radial-gradient(circle at 90% 20%,rgba(255,255,255,.18),transparent 27%),linear-gradient(135deg,var(--tour-blue),var(--tour-blue2));box-shadow:var(--tour-shadow);}
.sy-tour-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:#ffd39a;font-size:13px;font-weight:900;letter-spacing:.13em;}
.sy-tour-hero h1{margin:0;color:#fff !important;font-size:clamp(30px,4vw,46px);line-height:1.18;font-weight:950;}
.sy-tour-hero>p:last-child{max-width:840px;margin:12px 0 0;color:rgba(255,255,255,.92) !important;font-size:17px;line-height:1.75;}
.sy-tour-quick{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:22px 0;padding:16px;border:1px solid var(--tour-line);border-radius:24px;background:#fff;box-shadow:var(--tour-shadow);}
.sy-tour-quick a{min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid #e0e8ef;border-radius:16px;color:var(--tour-blue) !important;background:#f9fbfd;font-weight:900;text-decoration:none !important;transition:.18s ease;}
.sy-tour-quick a i{color:var(--tour-orange);font-size:22px;}
.sy-tour-quick a:hover,.sy-tour-quick a:focus{color:#fff !important;border-color:var(--tour-blue);background:var(--tour-blue);transform:translateY(-2px);}
.sy-tour-quick a:hover i,.sy-tour-quick a:focus i{color:#ffd39a;}
.sy-tour-section{margin-top:22px;padding:30px;border:1px solid var(--tour-line);border-radius:26px;background:#fff;box-shadow:var(--tour-shadow);}
.sy-tour-section-head p,.sy-tour-kicker{margin:0 0 7px;color:var(--tour-orange-dark);font-size:12px;font-weight:950;letter-spacing:.13em;}
.sy-tour-section-head h2,.sy-tour-card h2,.sy-tour-help h2{margin:0;color:var(--tour-blue);font-size:27px;line-height:1.35;font-weight:950;}
.sy-tour-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 0;padding:0;list-style:none;}
.sy-tour-steps li{display:flex;align-items:flex-start;gap:13px;padding:19px;border:1px solid var(--tour-line);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbfd);}
.sy-tour-steps>li>span{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:var(--tour-orange);font-weight:950;}
.sy-tour-steps h3{margin:1px 0 6px;color:var(--tour-blue);font-size:17px;font-weight:950;}
.sy-tour-steps p{margin:0;color:var(--tour-muted);font-size:14px;line-height:1.7;}
.sy-tour-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:22px;}
.sy-tour-card{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;padding:28px;border:1px solid var(--tour-line);border-radius:24px;background:#fff;box-shadow:var(--tour-shadow);}
.sy-tour-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:18px;color:var(--tour-orange-dark);background:#fff1dc;font-size:26px;}
.sy-tour-card h2{font-size:24px;}
.sy-tour-link-list{margin:16px 0 0;padding:0;list-style:none;}
.sy-tour-link-list li{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(0,1.4fr);gap:14px;padding:11px 0;border-top:1px solid var(--tour-line);}
.sy-tour-link-list li:first-child{border-top:0;}
.sy-tour-link-list a{color:var(--tour-blue) !important;font-weight:900;text-decoration:none !important;}
.sy-tour-link-list a:hover,.sy-tour-link-list a:focus{color:var(--tour-orange-dark) !important;text-decoration:underline !important;}
.sy-tour-link-list span{color:var(--tour-muted);font-size:14px;line-height:1.6;}
.sy-tour-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px;}
.sy-tour-compare article{padding:17px;border:1px solid var(--tour-line);border-radius:16px;background:#f9fbfd;}
.sy-tour-compare h3{margin:0 0 7px;color:var(--tour-blue);font-size:17px;font-weight:950;}
.sy-tour-compare p{margin:0;color:var(--tour-muted);font-size:14px;line-height:1.7;}
.sy-tour-note{margin:15px 0 0;padding:12px 14px;border-radius:14px;color:#725018;background:#fff5e7;font-size:14px;line-height:1.7;}
.sy-tour-note i{color:var(--tour-orange-dark);margin-right:5px;}
.sy-tour-keys{margin:16px 0 0;}
.sy-tour-keys>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:10px 0;border-top:1px solid var(--tour-line);}
.sy-tour-keys>div:first-child{border-top:0;}
.sy-tour-keys dt,.sy-tour-keys dd{margin:0;}
.sy-tour-keys dd{color:var(--tour-muted);font-size:14px;line-height:1.7;}
kbd{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:30px;padding:3px 8px;border:1px solid #efaa66;border-bottom-width:2px;border-radius:9px;color:var(--tour-blue);background:#fff;font-family:inherit;font-size:13px;font-weight:900;box-shadow:none;}
.sy-tour-small{margin:13px 0 0;color:var(--tour-muted);font-size:13px;line-height:1.7;}
.sy-tour-bullets{margin:15px 0 0;padding-left:1.25em;color:#465e74;}
.sy-tour-bullets li{margin:8px 0;font-size:14px;line-height:1.7;}
.sy-tour-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.sy-tour-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border-radius:12px;font-size:14px;font-weight:900;text-decoration:none !important;}
.sy-tour-btn-primary{color:#fff !important;background:linear-gradient(135deg,var(--tour-orange),var(--tour-orange-dark));}
.sy-tour-btn-light{color:var(--tour-blue) !important;background:#fff;border:1px solid var(--tour-line);}
.sy-tour-help{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:28px 30px;border-radius:24px;color:#fff;background:linear-gradient(135deg,var(--tour-blue),var(--tour-blue2));box-shadow:var(--tour-shadow);}
.sy-tour-help h2{color:#fff !important;}
.sy-tour-help>div:first-child>p:last-child{margin:9px 0 0;color:rgba(255,255,255,.88);line-height:1.7;}
.sy-tour-help .sy-tour-kicker{color:#ffd39a;}
.sy-tour-help .sy-tour-actions{margin-top:0;}
@media(max-width:1050px){.sy-tour-quick{grid-template-columns:repeat(3,minmax(0,1fr));}.sy-tour-steps{grid-template-columns:repeat(2,minmax(0,1fr));}.sy-tour-link-list li{grid-template-columns:1fr;gap:4px;}}
@media(max-width:760px){body.sy-tour-body main.sy-tour-main{width:min(100% - 24px,1380px) !important;padding-top:22px !important;}.sy-tour-grid{grid-template-columns:1fr;}.sy-tour-help{align-items:flex-start;flex-direction:column;}}
@media(max-width:560px){body.sy-tour-body main.sy-tour-main{width:min(100% - 20px,1380px) !important;padding-top:18px !important;}.sy-tour-hero{min-height:0;padding:26px 22px;border-radius:22px;}.sy-tour-hero>p:last-child{font-size:15px;}.sy-tour-quick{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;border-radius:18px;}.sy-tour-quick a{min-height:72px;font-size:14px;}.sy-tour-section{padding:22px;border-radius:22px;}.sy-tour-steps{grid-template-columns:1fr;}.sy-tour-card{grid-template-columns:1fr;padding:22px;}.sy-tour-compare{grid-template-columns:1fr;}.sy-tour-keys>div{grid-template-columns:1fr;gap:5px;}.sy-tour-help{padding:24px 22px;border-radius:22px;}.sy-tour-actions{display:grid;width:100%;}.sy-tour-btn{width:100%;}}