:root{--brand:#ff5b00;--brand-soft:#ff7a33;--brand-tint:#fff3ec;--ink:#121212;--btn-bg:#333;--btn-label:#f3f3f3;--muted:#6b7280;--line:#e5e7eb;--bg-soft:#f8f8fb;--radius:.5rem;--radius-lg:.875rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:#fff;font-family:-apple-system,PingFang HK,Noto Sans HK,Microsoft JhengHei,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.hero-gradient{background:linear-gradient(135deg, var(--brand), var(--brand-soft) 50%, var(--brand))}.site-header{z-index:20;color:#fff;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:1120px;margin:0 auto;padding:.7rem 1.2rem;display:flex}.logo-lockup{align-items:center;gap:.5rem;display:flex}.logo-lockup img{width:auto;height:26px;display:block}.logo-text{letter-spacing:.01em;font-size:1rem;font-weight:700}.header-nav{gap:1.2rem;font-size:.92rem;font-weight:600;display:flex}.header-nav a{opacity:.92}.header-nav a:hover{opacity:1;text-decoration:underline}@media (max-width:620px){.header-nav{display:none}.logo-text{font-size:.92rem}}main{min-height:70vh}.container{max-width:1120px;margin:0 auto;padding:0 1.2rem}.hero{color:#fff;padding:3rem 0 2.8rem}.hero-inner{text-align:center;max-width:1120px;margin:0 auto;padding:0 1.2rem}.hero h1{letter-spacing:-.02em;font-size:clamp(1.7rem,4.6vw,2.7rem);font-weight:800;line-height:1.25}.hero .sub{opacity:.95;max-width:620px;margin:.9rem auto 0}.hero-points{flex-wrap:wrap;justify-content:center;gap:.4rem 1.3rem;margin-top:1.1rem;font-size:.9rem;font-weight:600;display:flex}.hero-points span{align-items:center;gap:.42rem;display:inline-flex}.hero-points span:before{content:"";opacity:.85;background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.btn-white{color:var(--brand);border-radius:var(--radius);cursor:pointer;background:#fff;border:none;padding:.65rem 1.4rem;font-size:.98rem;font-weight:700;transition:background .2s;display:inline-block}.btn-white:hover{background:#f3f4f6}.btn-dark{background:var(--btn-bg);color:var(--btn-label);border-radius:var(--radius);cursor:pointer;border:none;padding:.65rem 1.4rem;font-size:.98rem;font-weight:700;display:inline-block}.btn-dark:hover{background:#1f1f1f}.dest-search{max-width:520px;margin:1.6rem auto 0;position:relative}.dest-search input{border-radius:var(--radius);width:100%;color:var(--ink);border:none;outline:none;padding:.9rem 1.2rem;font-size:1rem;box-shadow:0 8px 26px #00000024}.dest-search .results{color:var(--ink);border-radius:var(--radius);text-align:left;z-index:15;background:#fff;max-height:320px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 14px 40px #0000002e}.dest-search .results a{justify-content:space-between;align-items:center;padding:.65rem 1.05rem;font-size:.95rem;display:flex}.dest-search .results a:hover{background:var(--brand-tint)}.dest-search .results .from{color:var(--muted);font-size:.82rem}.dest-search .empty{color:var(--muted);padding:.9rem 1.05rem;font-size:.9rem}.section{padding:2.6rem 0 1rem}.section h2{text-align:center;letter-spacing:-.01em;font-size:clamp(1.25rem,3vw,1.7rem);font-weight:800}.section .section-sub{text-align:center;color:var(--muted);margin:.4rem 0 1.4rem}.flag-stack{align-items:center;display:inline-flex}.flag-img{object-fit:cover;background:#fff;border-radius:50%;display:block;box-shadow:0 0 0 2px #fff,0 1px 3px #0000002e}.dest-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;margin-top:1.4rem;display:grid}.dest-card{border:1px solid var(--line);border-radius:var(--radius-lg);text-align:left;background:#fff;align-items:center;gap:.85rem;padding:1rem 1.1rem;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.dest-card:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 8px 22px #0000001a}.dest-card .dest-body{min-width:0}.dest-card .kicker{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:700}.dest-card .name{font-size:1.05rem;font-weight:800;line-height:1.3}.dest-card .from{color:var(--muted);margin-top:.1rem;font-size:.78rem}.dest-card .arrow{color:var(--muted);font-size:1rem;line-height:1;position:absolute;bottom:.7rem;right:.9rem}.dest-card:hover .arrow{color:var(--brand)}.selector-card{border:2px solid var(--brand);background:var(--brand-tint);border-radius:var(--radius-lg);margin-top:1.4rem;padding:1.2rem 1.3rem 1.35rem}.selector-head{border-bottom:1px solid #00000014;align-items:center;gap:.7rem;margin-bottom:.9rem;padding-bottom:.9rem;display:flex}.selector-head .sel-title{font-size:1.05rem;font-weight:800}.selector-head .sel-sub{color:var(--muted);font-size:.82rem}.selector-body{border-radius:var(--radius);background:#fff;padding:1.1rem 1.15rem}.selector-field+.selector-field{margin-top:1.1rem}.selector-field .field-title{font-size:1rem;font-weight:800}.selector-field .field-hint{color:var(--muted);margin-bottom:.6rem;font-size:.82rem}.selector-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.1rem;padding-top:.9rem;display:flex}.selector-foot .result-count{font-size:1rem;font-weight:800}.selector-foot .result-count span{color:var(--brand)}.link-btn{color:var(--brand);cursor:pointer;background:0 0;border:none;font-size:.88rem;font-weight:700;text-decoration:underline}.filter-chips{flex-wrap:wrap;gap:.45rem;display:flex}.filter-chips button{border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:.38rem .95rem;font-size:.86rem;font-weight:600;transition:all .15s}.filter-chips button:hover{border-color:var(--brand)}.filter-chips button.active{background:var(--brand);border-color:var(--brand);color:#fff}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.4rem 1rem;margin-top:1.2rem;display:grid}@media (max-width:520px){.tile-grid{grid-template-columns:repeat(2,1fr);gap:1.1rem .7rem}}.tile{flex-direction:column;display:flex}.tile-photo{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--line);background:#f3f4f6;transition:transform .15s,box-shadow .15s;overflow:hidden}.tile-photo img{object-fit:cover;width:100%;height:100%;display:block}.tile:hover .tile-photo{transform:translateY(-3px);box-shadow:0 10px 26px #00000029}.tile-art{aspect-ratio:1;border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;padding:.7rem .8rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.tile:hover .tile-art{transform:translateY(-3px);box-shadow:0 10px 26px #0000002e}.tile-art-top{flex-wrap:wrap;gap:.3rem;display:flex}.tile-tag{letter-spacing:.02em;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:999px;padding:.12rem .45rem;font-size:.66rem;font-weight:800}.tile-art-mid{text-align:center}.tile-region{opacity:.95;font-size:.92rem;font-weight:700}.tile-headline{letter-spacing:-.02em;word-break:keep-all;margin-top:.15rem;font-size:1.85rem;font-weight:900;line-height:1.1}.tile-headline.sm{font-size:1.3rem}.tile-type{opacity:.9;margin-top:.2rem;font-size:.74rem;font-weight:700}.tile-art-bot{opacity:.92;justify-content:space-between;align-items:flex-end;font-size:.7rem;font-weight:700;display:flex}.tile-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.55rem;font-size:.86rem;line-height:1.45;display:-webkit-box;overflow:hidden}.tile:hover .tile-name{text-decoration:underline}.tile-price{color:var(--brand);margin-top:.15rem;font-size:.95rem;font-weight:700}.badge{background:var(--brand-tint);color:var(--brand);border-radius:999px;margin-right:.35rem;padding:.12rem .6rem;font-size:.74rem;font-weight:700;display:inline-block}.features,.steps{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;margin-top:1.5rem;display:grid}.feature,.step{border-radius:var(--radius-lg);padding:1.3rem 1.2rem}.feature:first-child{background:#fff3ec}.feature:nth-child(2){background:#ebf3ff}.feature:nth-child(3){background:#f2fdeb}.feature:nth-child(4){background:#f9eef8}.step{background:var(--bg-soft)}.feature .icon{font-size:1.6rem}.feature h3,.step h3{margin:.45rem 0 .25rem;font-size:1rem}.feature p,.step p{color:#4b5563;font-size:.88rem}.step .num{color:var(--brand);font-size:1.2rem;font-weight:800}.faq{max-width:740px;margin:1.3rem auto 0}.faq details{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:.65rem;padding:.9rem 1.1rem}.faq summary{cursor:pointer;font-size:.95rem;font-weight:700}.faq details[open]{border-color:var(--brand)}.faq details p{color:#4b5563;margin-top:.55rem;font-size:.9rem}.product-page{max-width:620px;margin:0 auto;padding:1.6rem 1.2rem}.product-page h1{margin-bottom:.5rem;font-size:1.45rem;font-weight:800}.product-page .price{color:var(--brand);margin:.6rem 0;font-size:1.7rem;font-weight:800}.product-page .desc{color:var(--muted);white-space:pre-wrap;margin:.8rem 0;font-size:.92rem}.spec-table{border:1px solid var(--line);border-radius:var(--radius-lg);margin:1.2rem 0;overflow:hidden}.spec-table .row{border-top:1px solid var(--line);font-size:.9rem;display:flex}.spec-table .row:first-child{border-top:none}.spec-table .k{background:var(--bg-soft);width:7.5rem;color:var(--muted);flex:none;padding:.65rem .9rem;font-weight:700}.spec-table .v{flex:1;min-width:0;padding:.65rem .9rem}.note-box{background:var(--brand-tint);border-radius:var(--radius);margin:1rem 0;padding:.9rem 1.05rem;font-size:.88rem;line-height:1.7}.note-box b{margin-bottom:.25rem;display:block}.product-hero-art{max-width:300px;margin:0 auto 1.2rem}.product-photo{max-width:340px;margin:0 auto 1.2rem}.product-photo img{border-radius:var(--radius-lg);border:1px solid var(--line);width:100%;display:block}.buy-form{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;margin-top:1rem;padding:1.3rem;box-shadow:0 8px 26px #0000000f}.buy-form label{margin:.8rem 0 .25rem;font-size:.86rem;font-weight:700;display:block}.buy-form input,.buy-form select{border:1.5px solid var(--line);border-radius:var(--radius);outline:none;width:100%;padding:.65rem .85rem;font-size:.95rem}.buy-form input:focus,.buy-form select:focus{border-color:var(--brand)}.buy-form button{background:var(--brand);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:1.2rem;padding:.85rem;font-size:1.02rem;font-weight:800;transition:background .15s}.buy-form button:hover{background:#e65200}.buy-form button:disabled{opacity:.6;cursor:default}.error-msg{color:#dc2626;margin-top:.6rem;font-size:.86rem}.sim-type-choice{flex-direction:column;gap:.5rem;display:flex}.sim-type-choice .choice{border:1.5px solid var(--line);border-radius:var(--radius);cursor:pointer;align-items:center;gap:.4rem;padding:.6rem .65rem;font-size:.85rem;font-weight:600;display:flex}.sim-type-choice .choice.active{border-color:var(--brand);background:var(--brand-tint)}.order-page{text-align:center;max-width:620px;margin:0 auto;padding:2rem 1.2rem}.order-page h1{margin-bottom:.8rem;font-size:1.35rem;font-weight:800}.status-box{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;margin:1rem 0;padding:1.5rem;box-shadow:0 8px 26px #0000000f}.status-box .big{margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.qr-item{margin:1.2rem 0}.qr-item img{border:1px solid var(--line);border-radius:var(--radius);width:220px;height:220px}.qr-item .iccid{color:var(--muted);margin-top:.3rem;font-size:.8rem}.spinner{border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.site-footer{color:#d1d5db;background:#121212;margin-top:3rem;padding:2.2rem 0 2.6rem;font-size:.86rem}.footer-inner{max-width:1120px;margin:0 auto;padding:0 1.2rem}.foot-logo-img{width:auto;height:32px;display:block}.footer-inner p{margin-top:.6rem}.back-link{color:var(--brand);margin:1.4rem 0;font-weight:700;display:inline-block}
