.elementor-14068 .elementor-element.elementor-element-49bccdc{--display:flex;--background-transition:0.3s;}/* Start custom CSS for text-editor, class: .elementor-element-936068a *//* ==================================================
   武小P｜酒店怎麼玩文章版型
   外層 Class：wjp-hotel-guide
   深色霓虹＋金色資訊型排版
================================================== */

.wjp-hotel-guide{
    --wjp-bg:#09070d;
    --wjp-bg-soft:#110d18;
    --wjp-card:#15101e;
    --wjp-card-2:#1c1428;
    --wjp-text:#f7f3fb;
    --wjp-muted:#bbb2c7;
    --wjp-gold:#ffd76a;
    --wjp-gold-soft:#f5bc4d;
    --wjp-purple:#bc78ff;
    --wjp-cyan:#61ebff;
    --wjp-red:#ff6b86;
    --wjp-line:rgba(255,215,106,.18);
    --wjp-line-purple:rgba(188,120,255,.22);

    position:relative;
    max-width:1100px;
    margin:0 auto;


    color:var(--wjp-text);
    background:
        radial-gradient(
            circle at 8% 2%,
            rgba(188,120,255,.13),
            transparent 30%
        ),
        radial-gradient(
            circle at 95% 8%,
            rgba(97,235,255,.08),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #0b080f 0%,
            #08070b 100%
        );

    border:1px solid rgba(255,255,255,.06);
    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        "Noto Sans TC",
        "Microsoft JhengHei",
        Arial,
        sans-serif;

    font-size:17px;
    line-height:1.9;
    overflow:hidden;
}

.wjp-hotel-guide,
.wjp-hotel-guide *{
    box-sizing:border-box;
}

.wjp-hotel-guide section,
.wjp-hotel-guide nav,
.wjp-hotel-guide aside{
    scroll-margin-top:100px;
}

.wjp-hotel-guide p{
    margin:0 0 18px;
    color:#ddd6e5;
}

.wjp-hotel-guide a{
    color:var(--wjp-cyan);
    font-weight:700;
    text-decoration:none;
    border-bottom:1px solid rgba(97,235,255,.32);
    transition:
        color .25s ease,
        border-color .25s ease,
        text-shadow .25s ease;
}

.wjp-hotel-guide a:hover{
    color:#fff;
    border-color:var(--wjp-cyan);
    text-shadow:0 0 12px rgba(97,235,255,.55);
}

.wjp-hotel-guide strong{
    color:#fff;
}

.wjp-hotel-guide ul{
    margin:0 0 20px;
    padding:0;
    list-style:none;
}

.wjp-hotel-guide li{
    position:relative;
    margin:0 0 9px;
    padding-left:21px;
    color:#d8d1df;
}

.wjp-hotel-guide li::before{
    content:"";
    position:absolute;
    top:.82em;
    left:0;
    width:7px;
    height:7px;
    background:var(--wjp-gold);
    box-shadow:0 0 10px rgba(255,215,106,.5);
    transform:rotate(45deg);
}


/* ==================================================
   HERO
================================================== */

.wjp-hero{
    position:relative;
    padding:38px 38px 34px;
    margin-bottom:30px;
    background:
        linear-gradient(
            135deg,
            rgba(188,120,255,.12),
            rgba(255,215,106,.055) 50%,
            rgba(97,235,255,.07)
        );
    border-top:1px solid rgba(255,215,106,.45);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.wjp-hero::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:130px;
    height:3px;
    background:linear-gradient(
        90deg,
        var(--wjp-gold),
        var(--wjp-purple)
    );
    box-shadow:0 0 18px rgba(255,215,106,.55);
}

.wjp-hero-label{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    margin-bottom:14px;
    padding:3px 13px;
    color:#150d1f;
    background:linear-gradient(
        90deg,
        var(--wjp-gold),
        #fff0a4
    );
    font-size:13px;
    font-weight:900;
    letter-spacing:.08em;
}

.wjp-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px 18px;
    margin-bottom:22px;
    color:#aca2b9;
    font-size:13px;
}

.wjp-meta span{
    position:relative;
}

.wjp-meta span:not(:last-child)::after{
    content:"";
    position:absolute;
    top:50%;
    right:-10px;
    width:3px;
    height:3px;
    background:var(--wjp-purple);
    border-radius:50%;
}

.wjp-lead{
    margin-bottom:20px !important;
    color:#fff !important;
    font-size:22px;
    line-height:1.75;
    font-weight:700;
}

.wjp-warning{
    margin-top:28px;
    padding:18px 20px;
    background:rgba(255,107,134,.07);
    border-left:3px solid var(--wjp-red);
    border-top:1px solid rgba(255,107,134,.16);
    border-bottom:1px solid rgba(255,107,134,.16);
}

.wjp-warning strong{
    display:block;
    margin-bottom:4px;
    color:#ff9cad;
    font-size:15px;
}

.wjp-warning p{
    margin:0;
    color:#d9cbd0;
    font-size:14px;
}


/* ==================================================
   目錄
================================================== */

.wjp-toc{
    padding:27px;
    margin-bottom:50px;
    background:#100c16;
    border:1px solid var(--wjp-line-purple);
    box-shadow:
        inset 0 0 30px rgba(188,120,255,.035),
        0 18px 50px rgba(0,0,0,.18);
}

.wjp-toc-title{
    margin-bottom:20px;
    color:#fff;
    font-size:20px;
    font-weight:900;
}

.wjp-toc-title span{
    display:block;
    margin-bottom:2px;
    color:var(--wjp-purple);
    font-size:11px;
    letter-spacing:.22em;
}

.wjp-toc-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}

.wjp-toc-grid a{
    position:relative;
    display:flex;
    align-items:center;
    min-height:48px;
    padding:10px 14px 10px 17px;
    color:#ddd4e8;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.06);
    font-size:14px;
    font-weight:700;
}

.wjp-toc-grid a::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:2px;
    height:100%;
    background:linear-gradient(
        180deg,
        var(--wjp-gold),
        var(--wjp-purple)
    );
    opacity:.65;
}

.wjp-toc-grid a:hover{
    color:#fff;
    background:rgba(188,120,255,.08);
    border-color:rgba(188,120,255,.34);
    text-shadow:none;
}


/* ==================================================
   共用章節
================================================== */

.wjp-section{
    position:relative;
    padding:44px 0 48px;
    border-top:1px solid rgba(255,255,255,.07);
}

.wjp-section:first-of-type{
    border-top:0;
}

.wjp-section-head{
    display:flex;
    gap:17px;
    align-items:flex-start;
    margin-bottom:27px;
}

.wjp-number{
    display:flex;
    flex:0 0 47px;
    width:47px;
    height:47px;
    align-items:center;
    justify-content:center;

    color:#160e20;
    background:var(--wjp-gold);
    box-shadow:0 0 22px rgba(255,215,106,.2);

    font-size:15px;
    font-weight:950;
}

.wjp-eyebrow{
    display:block;
    margin-bottom:3px;
    color:var(--wjp-purple);
    font-size:11px;
    line-height:1.3;
    font-weight:900;
    letter-spacing:.2em;
}

.wjp-section h2,
.wjp-related h2,
.wjp-conclusion h2{
    margin:0;
    color:#fff;
    font-size:clamp(25px,3.2vw,37px);
    line-height:1.35;
    letter-spacing:.015em;
}

.wjp-section h3{
    margin:0 0 12px;
    color:#fff;
    font-size:21px;
    line-height:1.45;
}

.wjp-subtitle{
    position:relative;
    margin-top:38px !important;
    padding-left:17px;
}

.wjp-subtitle::before{
    content:"";
    position:absolute;
    top:.18em;
    bottom:.18em;
    left:0;
    width:3px;
    background:linear-gradient(
        180deg,
        var(--wjp-gold),
        var(--wjp-purple)
    );
}


/* ==================================================
   店型卡片
================================================== */

.wjp-type-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
    margin:30px 0;
}

.wjp-type-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:100%;
    padding:26px 23px 23px;
    background:
        linear-gradient(
            180deg,
            rgba(188,120,255,.075),
            rgba(255,255,255,.018)
        );
    border-top:2px solid var(--wjp-purple);
    border-left:1px solid rgba(255,255,255,.07);
    border-right:1px solid rgba(255,255,255,.07);
    border-bottom:1px solid rgba(255,255,255,.07);
}

.wjp-type-card:nth-child(2){
    border-top-color:var(--wjp-gold);
}

.wjp-type-card:nth-child(3){
    border-top-color:var(--wjp-cyan);
}

.wjp-type-card p{
    font-size:15px;
    line-height:1.8;
}

.wjp-type-card ul{
    margin-bottom:22px;
}

.wjp-type-card li{
    font-size:14px;
    line-height:1.7;
}

.wjp-type-tag{
    margin-bottom:8px;
    color:var(--wjp-gold);
    font-size:10px;
    font-weight:950;
    letter-spacing:.2em;
}

.wjp-type-card .wjp-card-link{
    display:block;
    margin-top:auto;
    padding-top:14px;
    color:var(--wjp-cyan);
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:0;
    font-size:14px;
}

.wjp-type-card .wjp-card-link::after{
    content:" →";
}


/* ==================================================
   術語卡片
================================================== */

.wjp-term-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:13px;
    margin:28px 0;
}

.wjp-term{
    position:relative;
    min-height:190px;
    padding:23px 21px;
    background:var(--wjp-card);
    border:1px solid rgba(255,255,255,.065);
}

.wjp-term > span{
    display:block;
    margin-bottom:12px;
    color:var(--wjp-gold);
    font-size:12px;
    font-weight:950;
    letter-spacing:.15em;
}

.wjp-term p{
    margin:0;
    color:#cfc6d7;
    font-size:14px;
    line-height:1.8;
}


/* ==================================================
   提示框
================================================== */

.wjp-note{
    position:relative;
    margin:28px 0 0;
    padding:21px 23px 21px 54px;
    background:rgba(97,235,255,.045);
    border:1px solid rgba(97,235,255,.16);
}

.wjp-note::before{
    content:"P";
    position:absolute;
    top:20px;
    left:18px;
    display:flex;
    width:24px;
    height:24px;
    align-items:center;
    justify-content:center;
    color:#071014;
    background:var(--wjp-cyan);
    font-size:13px;
    font-weight:950;
    box-shadow:0 0 15px rgba(97,235,255,.28);
}

.wjp-note strong{
    display:block;
    margin-bottom:4px;
    color:var(--wjp-cyan);
}

.wjp-note p{
    margin:0;
    font-size:15px;
}


/* ==================================================
   流程時間軸
================================================== */

.wjp-timeline{
    position:relative;
    margin-top:28px;
}

.wjp-timeline::before{
    content:"";
    position:absolute;
    top:16px;
    bottom:18px;
    left:83px;
    width:1px;
    background:linear-gradient(
        180deg,
        var(--wjp-purple),
        var(--wjp-gold),
        var(--wjp-cyan)
    );
    opacity:.45;
}

.wjp-step{
    position:relative;
    display:grid;
    grid-template-columns:165px minmax(0,1fr);
    gap:23px;
    padding:0 0 25px;
}

.wjp-step:last-child{
    padding-bottom:0;
}

.wjp-step-no{
    position:relative;
    padding-top:8px;
    color:var(--wjp-gold);
    font-size:12px;
    font-weight:950;
    letter-spacing:.15em;
    text-align:right;
}

.wjp-step-no::after{
    content:"";
    position:absolute;
    top:14px;
    right:75px;
    width:11px;
    height:11px;
    background:var(--wjp-bg);
    border:2px solid var(--wjp-purple);
    box-shadow:0 0 14px rgba(188,120,255,.38);
    transform:rotate(45deg);
}

.wjp-step-content{
    padding:20px 23px;
    background:rgba(255,255,255,.025);
    border-left:2px solid rgba(188,120,255,.45);
    border-top:1px solid rgba(255,255,255,.055);
    border-right:1px solid rgba(255,255,255,.055);
    border-bottom:1px solid rgba(255,255,255,.055);
}

.wjp-step-content h3{
    font-size:19px;
}

.wjp-step-content p:last-child{
    margin-bottom:0;
}


/* ==================================================
   消費卡片
================================================== */

.wjp-cost-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin:28px 0;
}

.wjp-cost-card{
    position:relative;
    padding:25px 25px 23px 80px;
    background:
        linear-gradient(
            120deg,
            rgba(255,215,106,.07),
            rgba(188,120,255,.04)
        );
    border:1px solid var(--wjp-line);
}

.wjp-cost-icon{
    position:absolute;
    top:25px;
    left:22px;
    display:flex;
    width:38px;
    height:38px;
    align-items:center;
    justify-content:center;
    color:#170f20;
    background:var(--wjp-gold);
    font-size:12px;
    font-weight:950;
}

.wjp-cost-card h3{
    font-size:19px;
}

.wjp-cost-card p{
    margin-bottom:12px;
    font-size:14px;
    line-height:1.8;
}

.wjp-cost-card > strong{
    display:block;
    color:var(--wjp-gold);
    font-size:14px;
}

.wjp-quote{
    position:relative;
    margin:31px 0;
    padding:28px 30px;
    background:
        linear-gradient(
            135deg,
            rgba(188,120,255,.13),
            rgba(97,235,255,.045)
        );
    border-left:4px solid var(--wjp-purple);
}

.wjp-quote span{
    display:block;
    margin-bottom:8px;
    color:var(--wjp-purple);
    font-size:12px;
    font-weight:950;
    letter-spacing:.14em;
}

.wjp-quote blockquote{
    margin:0;
    color:#fff;
    font-size:19px;
    line-height:1.75;
    font-weight:800;
}


/* ==================================================
   表格
================================================== */

.wjp-table-wrap{
    width:100%;
    margin:28px 0;
    overflow-x:auto;
    border:1px solid rgba(255,255,255,.08);
}

.wjp-table{
    width:100%;
    min-width:720px;
    border-collapse:collapse;
    background:#100c16;
}

.wjp-table th{
    padding:15px 17px;
    color:#150e1e;
    background:linear-gradient(
        90deg,
        var(--wjp-gold),
        #ffeaa0
    );
    font-size:14px;
    font-weight:950;
    text-align:left;
    white-space:nowrap;
}

.wjp-table td{
    padding:16px 17px;
    color:#d7cede;
    border-bottom:1px solid rgba(255,255,255,.065);
    font-size:14px;
    vertical-align:top;
}

.wjp-table tbody tr:last-child td{
    border-bottom:0;
}

.wjp-table tbody tr:nth-child(even){
    background:rgba(255,255,255,.018);
}

.wjp-table tbody tr:hover{
    background:rgba(188,120,255,.055);
}

.wjp-table td strong{
    color:var(--wjp-cyan);
}

.wjp-total td{
    color:#fff;
    background:rgba(255,215,106,.075);
}

.wjp-total td strong{
    color:var(--wjp-gold);
}

.wjp-small{
    color:#9d93a8 !important;
    font-size:13px;
}


/* ==================================================
   防坑提醒
================================================== */

.wjp-alert-list{
    display:grid;
    gap:13px;
    margin:28px 0;
}

.wjp-alert{
    padding:22px 23px;
    background:rgba(255,107,134,.035);
    border-left:3px solid rgba(255,107,134,.68);
    border-top:1px solid rgba(255,255,255,.055);
    border-right:1px solid rgba(255,255,255,.055);
    border-bottom:1px solid rgba(255,255,255,.055);
}

.wjp-alert-title{
    display:flex;
    gap:13px;
    align-items:center;
    margin-bottom:8px;
}

.wjp-alert-title span{
    display:flex;
    width:28px;
    height:28px;
    align-items:center;
    justify-content:center;
    color:#190b10;
    background:#ff8ca1;
    font-size:11px;
    font-weight:950;
}

.wjp-alert-title h3{
    margin:0;
    font-size:18px;
}

.wjp-alert p{
    margin-bottom:8px;
    font-size:15px;
}

.wjp-alert p:last-child{
    margin-bottom:0;
}

.wjp-checklist{
    margin-top:30px;
    padding:27px;
    background:
        linear-gradient(
            135deg,
            rgba(255,215,106,.065),
            rgba(188,120,255,.05)
        );
    border:1px solid var(--wjp-line);
}

.wjp-checklist h3{
    margin-bottom:18px;
    color:var(--wjp-gold);
}

.wjp-checklist ul{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 22px;
    margin-bottom:0;
}

.wjp-checklist li{
    margin:0;
    padding:11px 12px 11px 30px;
    background:rgba(255,255,255,.025);
    font-size:14px;
}

.wjp-checklist li::before{
    content:"✓";
    top:9px;
    left:11px;
    width:auto;
    height:auto;
    color:var(--wjp-gold);
    background:none;
    box-shadow:none;
    font-weight:950;
    transform:none;
}


/* ==================================================
   遊戲
================================================== */

.wjp-game-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin:27px 0;
}

.wjp-game{
    min-height:170px;
    padding:22px 19px;
    background:var(--wjp-card);
    border-top:2px solid var(--wjp-cyan);
    border-left:1px solid rgba(255,255,255,.06);
    border-right:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.06);
}

.wjp-game:nth-child(2){
    border-top-color:var(--wjp-purple);
}

.wjp-game:nth-child(3){
    border-top-color:var(--wjp-gold);
}

.wjp-game:nth-child(4){
    border-top-color:var(--wjp-red);
}

.wjp-game h3{
    font-size:18px;
}

.wjp-game p{
    margin:0;
    font-size:14px;
    line-height:1.8;
}


/* ==================================================
   幹部／經紀
================================================== */

.wjp-role-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:15px;
    margin-top:28px;
}

.wjp-role{
    padding:27px 26px;
    background:
        linear-gradient(
            145deg,
            rgba(188,120,255,.08),
            rgba(255,255,255,.018)
        );
    border-top:2px solid var(--wjp-purple);
    border-left:1px solid rgba(255,255,255,.07);
    border-right:1px solid rgba(255,255,255,.07);
    border-bottom:1px solid rgba(255,255,255,.07);
}

.wjp-role:nth-child(2){
    border-top-color:var(--wjp-gold);
}

.wjp-role > span{
    display:block;
    margin-bottom:7px;
    color:var(--wjp-purple);
    font-size:11px;
    font-weight:950;
    letter-spacing:.14em;
}

.wjp-role:nth-child(2) > span{
    color:var(--wjp-gold);
}

.wjp-role ul{
    margin:0;
}


/* ==================================================
   FAQ
================================================== */

.wjp-faq-list{
    display:grid;
    gap:10px;
    margin-top:27px;
}

.wjp-faq-item{
    background:#110d17;
    border:1px solid rgba(255,255,255,.075);
}

.wjp-faq-item summary{
    position:relative;
    padding:18px 55px 18px 20px;
    color:#fff;
    cursor:pointer;
    font-size:16px;
    font-weight:850;
    list-style:none;
}

.wjp-faq-item summary::-webkit-details-marker{
    display:none;
}

.wjp-faq-item summary::after{
    content:"+";
    position:absolute;
    top:50%;
    right:20px;
    width:27px;
    height:27px;
    color:var(--wjp-gold);
    border:1px solid rgba(255,215,106,.35);
    line-height:24px;
    text-align:center;
    transform:translateY(-50%);
}

.wjp-faq-item[open] summary::after{
    content:"−";
    color:var(--wjp-cyan);
    border-color:rgba(97,235,255,.35);
}

.wjp-faq-item > div{
    padding:0 20px 17px;
    border-top:1px solid rgba(255,255,255,.055);
}

.wjp-faq-item > div p{
    margin:15px 0 0;
    font-size:15px;
}


/* ==================================================
   延伸閱讀
================================================== */

.wjp-related{
    padding:36px 30px;
    margin:36px 0 0;
    background:
        linear-gradient(
            145deg,
            #130e1b,
            #0d0a12
        );
    border-top:1px solid var(--wjp-line-purple);
    border-bottom:1px solid var(--wjp-line-purple);
}

.wjp-related-head{
    margin-bottom:25px;
}

.wjp-related-head > span{
    display:block;
    margin-bottom:4px;
    color:var(--wjp-purple);
    font-size:11px;
    font-weight:950;
    letter-spacing:.2em;
}

.wjp-related-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}

.wjp-related-grid a{
    display:flex;
    flex-direction:column;
    min-height:150px;
    padding:20px;
    color:#fff;
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.07);
    text-shadow:none;
}

.wjp-related-grid a:hover{
    background:rgba(188,120,255,.075);
    border-color:rgba(188,120,255,.36);
    transform:translateY(-2px);
}

.wjp-related-grid span{
    margin-bottom:8px;
    color:var(--wjp-gold);
    font-size:11px;
    font-weight:950;
    letter-spacing:.1em;
}

.wjp-related-grid strong{
    margin-bottom:9px;
    color:#fff;
    font-size:16px;
    line-height:1.55;
}

.wjp-related-grid small{
    margin-top:auto;
    color:#a99fae;
    font-size:12px;
    line-height:1.6;
}


/* ==================================================
   結論
================================================== */

.wjp-conclusion{
    position:relative;
    padding:43px 38px;
    margin-top:45px;
    background:
        radial-gradient(
            circle at 100% 0,
            rgba(97,235,255,.09),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            rgba(188,120,255,.12),
            rgba(255,215,106,.065)
        );
    border-left:4px solid var(--wjp-gold);
    border-top:1px solid rgba(255,215,106,.2);
    border-right:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.06);
}

.wjp-conclusion h2{
    margin-bottom:21px;
}

.wjp-conclusion-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:27px;
}

.wjp-conclusion-actions a{
    display:inline-flex;
    min-height:45px;
    align-items:center;
    justify-content:center;
    padding:9px 18px;

    color:#160f1e;
    background:var(--wjp-gold);
    border:1px solid var(--wjp-gold);

    font-size:14px;
    font-weight:950;
    text-shadow:none;
}

.wjp-conclusion-actions a:nth-child(2){
    color:#fff;
    background:transparent;
    border-color:rgba(188,120,255,.55);
}

.wjp-conclusion-actions a:nth-child(3){
    color:#fff;
    background:transparent;
    border-color:rgba(97,235,255,.45);
}

.wjp-conclusion-actions a:hover{
    color:#fff;
    background:var(--wjp-purple);
    border-color:var(--wjp-purple);
    box-shadow:0 0 18px rgba(188,120,255,.25);
    text-shadow:none;
}


/* ==================================================
   平板
================================================== */

@media (max-width:900px){

    .wjp-hotel-guide{
        padding:25px 25px 55px;
    }

    .wjp-toc-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .wjp-type-grid{
        grid-template-columns:1fr;
    }

    .wjp-term-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .wjp-game-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .wjp-related-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


/* ==================================================
   手機版
================================================== */

@media (max-width:640px){

    .wjp-hotel-guide{
        width:100%;
        padding:14px 14px 38px;
        font-size:16px;
        line-height:1.85;
    }

    .wjp-hero{
        padding:25px 20px 23px;
        margin-bottom:20px;
    }

    .wjp-hero-label{
        font-size:11px;
    }

    .wjp-meta{
        display:grid;
        gap:4px;
    }

    .wjp-meta span::after{
        display:none;
    }

    .wjp-lead{
        font-size:19px;
        line-height:1.65;
    }

    .wjp-warning{
        padding:16px;
    }

    .wjp-toc{
        padding:20px 17px;
        margin-bottom:35px;
    }

    .wjp-toc-grid{
        grid-template-columns:1fr;
    }

    .wjp-toc-grid a{
        min-height:44px;
    }

    .wjp-section{
        padding:35px 0 38px;
    }

    .wjp-section-head{
        gap:12px;
        margin-bottom:22px;
    }

    .wjp-number{
        flex-basis:40px;
        width:40px;
        height:40px;
        font-size:13px;
    }

    .wjp-section h2,
    .wjp-related h2,
    .wjp-conclusion h2{
        font-size:25px;
    }

    .wjp-type-grid,
    .wjp-term-grid,
    .wjp-cost-grid,
    .wjp-game-grid,
    .wjp-role-grid,
    .wjp-related-grid{
        grid-template-columns:1fr;
    }

    .wjp-type-card,
    .wjp-term{
        min-height:auto;
    }

    .wjp-timeline::before{
        left:11px;
    }

    .wjp-step{
        grid-template-columns:1fr;
        gap:8px;
        padding-left:28px;
    }

    .wjp-step-no{
        padding:0;
        text-align:left;
    }

    .wjp-step-no::after{
        top:5px;
        right:auto;
        left:-22px;
        width:9px;
        height:9px;
    }

    .wjp-step-content{
        padding:18px;
    }

    .wjp-cost-card{
        padding:68px 19px 20px;
    }

    .wjp-cost-icon{
        top:20px;
        left:19px;
    }

    .wjp-quote{
        padding:23px 20px;
    }

    .wjp-quote blockquote{
        font-size:17px;
    }

    .wjp-checklist{
        padding:20px 17px;
    }

    .wjp-checklist ul{
        grid-template-columns:1fr;
    }

    .wjp-note{
        padding:53px 18px 18px;
    }

    .wjp-note::before{
        top:16px;
        left:18px;
    }

    .wjp-related{
        padding:28px 17px;
    }

    .wjp-conclusion{
        padding:29px 21px;
        margin-top:35px;
    }

    .wjp-conclusion-actions{
        display:grid;
        grid-template-columns:1fr;
    }

    .wjp-conclusion-actions a{
        width:100%;
    }

}


/* ==================================================
   超小螢幕：表格卡片化
================================================== */

@media (max-width:520px){

    .wjp-table-wrap{
        border:0;
        overflow:visible;
    }

    .wjp-table{
        min-width:0;
        background:transparent;
    }

    .wjp-table thead{
        display:none;
    }

    .wjp-table,
    .wjp-table tbody,
    .wjp-table tr,
    .wjp-table td{
        display:block;
        width:100%;
    }

    .wjp-table tr{
        margin-bottom:13px;
        padding:10px 14px;
        background:#110d17 !important;
        border:1px solid rgba(255,255,255,.075);
    }

    .wjp-table td{
        display:grid;
        grid-template-columns:112px minmax(0,1fr);
        gap:12px;
        padding:9px 0;
        border-bottom:1px solid rgba(255,255,255,.055);
        text-align:left;
    }

    .wjp-table td:last-child{
        border-bottom:0;
    }

    .wjp-table td::before{
        content:attr(data-label);
        color:var(--wjp-gold);
        font-size:12px;
        font-weight:900;
    }

    .wjp-total{
        border-color:rgba(255,215,106,.3) !important;
    }

}/* End custom CSS */