:root{--green:#163e32;--lime:#ffe38a;--paper:#fffaf0;--muted:#52655d;--ink:#183d34;--mint:#cce8db;--coral:#ffc4ae}body{background:var(--paper);color:var(--ink)}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#163e3210 .7px,transparent .7px);background-size:9px 9px}nav{padding-top:23px;padding-bottom:23px}.brand{font-weight:850;letter-spacing:-.5px}.mark{border:2px solid var(--ink);background:var(--lime);color:var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(-6deg);border-radius:9px}.links a{font-weight:650}.comic-hero{display:grid;grid-template-columns:.95fr 1.05fr;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:20px;overflow:hidden;background:#fffdf6;margin:14px 0 48px;position:relative}.comic-copy{padding:45px 35px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;position:relative}.comic-kicker{font-size:11px;letter-spacing:1.6px;font-weight:800;border:2px solid var(--ink);padding:7px 11px;background:var(--lime);box-shadow:3px 3px 0 var(--ink);transform:rotate(-3deg);margin-bottom:25px}.comic-copy h1{font-size:clamp(42px,5.1vw,69px);letter-spacing:-3px;line-height:1.16;margin:0 0 23px;font-weight:900}.comic-copy h1 span{display:inline-block;color:var(--ink);background:var(--mint);padding:0 9px 7px;margin-top:8px;transform:rotate(-2deg)}.comic-copy p{font-size:15px;line-height:1.85;margin:0 0 25px;color:var(--muted)}.comic-art{border-left:3px solid var(--ink);background:#d9eee2;display:flex;align-items:center;position:relative;min-width:0}.comic-art img{display:block;width:100%;height:100%;object-fit:cover}.comic-sticker{position:absolute;right:18px;bottom:20px;background:white;border:2px solid var(--ink);border-radius:50% 50% 50% 4px;padding:15px 18px;font-weight:800;font-size:12px;transform:rotate(5deg);box-shadow:3px 3px 0 var(--ink)}.cta,.pill,.share-button,.download-link,.filters button,.category-bar button{border:2px solid var(--ink);border-radius:10px;box-shadow:3px 3px 0 var(--ink);transition:transform .12s,box-shadow .12s;background:#fffdf6;color:var(--ink)}.cta{margin:0;background:var(--ink);color:white;box-shadow:4px 4px 0 #8cae94;font-weight:700}.cta:hover,.pill:hover,.share-button:hover,.download-link:hover,.filters button:hover,.category-bar button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}.cta:active,.pill:active,.share-button:active,.download-link:active,.filters button:active,.category-bar button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.section{padding-top:18px;padding-bottom:45px}.heading{gap:22px;align-items:center}.heading h2{font-size:30px;letter-spacing:-1px;position:relative;margin:0;font-weight:850}.heading h2:before{content:'APP COLLECTION';display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:10px}.filters{gap:9px}.filters button.active{background:var(--ink);color:white}.category-bar{gap:11px;margin-top:25px;margin-bottom:22px}.category-bar button{padding:10px 16px;font-weight:650}.category-bar button.active{background:var(--lime);border-color:var(--ink)}.search-row{gap:14px;margin:0 0 28px}.search-row input{background:white;border:2px solid var(--ink);border-radius:10px;padding:14px 18px;box-shadow:3px 3px 0 #cee1d2}.search-row label,#app-count{font-size:12px;font-weight:650}.catalog-grid{gap:23px}.real-card{border:2px solid var(--ink);border-radius:13px;background:#fffefd;box-shadow:4px 4px 0 var(--ink);padding:22px;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}.real-card:before{content:'';position:absolute;top:0;left:0;right:0;height:7px;background:var(--mint);border-bottom:1px solid var(--ink)}.real-card[data-category='遊戲娛樂']:before{background:var(--coral)}.real-card[data-category='閱讀學習']:before{background:#b9dcf2}.real-card[data-category='傳統文化']:before{background:var(--lime)}.real-card:hover{transform:translateY(-3px);box-shadow:5px 7px 0 var(--ink)}.real-card[hidden]{display:none}.compact-top{margin-top:5px}.real-card .compact-top img{border:1.5px solid var(--ink);border-radius:12px;box-shadow:2px 2px 0 #dce6d9}.real-card h3{font-size:21px;font-weight:800;line-height:1.35}.real-card>p{font-size:13px;line-height:1.85;margin:17px 0 18px}.real-card .platform-label{font-size:10px;line-height:1.4;color:var(--muted)}.simple-action{font-weight:650;border-top:1px dashed #9aac9c;font-size:12px}.simple-action span{display:grid;place-items:center;width:25px;height:25px;background:var(--mint);border:1px solid var(--ink);border-radius:50%}.more-row{margin-top:34px}.more-row button{background:var(--lime);padding:12px 23px;font-weight:650}.catalog-note{border-top:1px dashed #9aac9c;padding-top:20px}.simple-contact{border:2px solid var(--ink);border-radius:15px;padding:28px;background:var(--mint);box-shadow:5px 5px 0 var(--ink);margin:15px 0 35px}.simple-contact h2{font-size:25px}.simple-contact .pill{background:#fffdf6;font-size:13px}.simple-contact p{color:#385a49}footer{border-top:2px solid var(--ink);font-size:11px}.detail-main{max-width:1060px}.detail-hero{border-bottom:2px solid var(--ink);padding-bottom:24px;margin-top:25px}.detail-hero img{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--mint);border-radius:18px}.detail-hero h1{font-size:43px;font-weight:850}.eyebrow{font-weight:750}.watch-intro{border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:15px;background:#f5e9b8;padding:25px;margin:25px 0 30px}.watch-intro h2{font-size:24px;line-height:1.5;font-weight:800}.watch-player{border:2px solid var(--ink);border-radius:12px}.watch-player .play-circle{background:var(--lime);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.watch-still{border:2px solid var(--ink);box-shadow:4px 4px 0 #9cae91}.app-links{gap:12px}.download-link{font-weight:650}.download-link.recommended{border:2px solid var(--ink);background:var(--ink);color:white;box-shadow:4px 4px 0 #a0c3a7}.detail-block{border-top:2px solid var(--ink);margin-top:35px}.detail-block h2{font-size:26px;line-height:1.4}.detail-block summary,.desktop-qr summary{cursor:pointer;font-weight:650}.screens img{border:2px solid var(--ink);box-shadow:3px 3px 0 #bed0bd}.qr-item{border:2px solid var(--ink);border-radius:12px}.share-button{margin-top:12px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #c65a2e;outline-offset:5px}.comic-hero .cta span{margin-left:20px}@media(max-width:900px){.comic-copy{padding:35px 27px}.comic-copy h1{font-size:48px}.comic-copy p{font-size:14px}.catalog-grid{gap:19px}}@media(max-width:760px){nav{padding:20px 22px}.brand{font-size:17px}.mark{width:30px;height:30px}.links{font-size:12px}.comic-hero{grid-template-columns:1fr;margin:8px 0 38px;border-radius:15px;box-shadow:5px 5px 0 var(--ink)}.comic-copy{padding:30px 27px}.comic-kicker{font-size:10px;margin-bottom:20px}.comic-copy h1{font-size:45px;letter-spacing:-2px;margin-bottom:20px}.comic-copy p{font-size:13px;margin-bottom:20px}.comic-art{border-left:0;border-top:2px solid var(--ink);max-height:295px}.comic-art img{aspect-ratio:3/2;object-fit:contain}.comic-sticker{font-size:11px;padding:11px 15px;bottom:14px;right:15px}.heading h2{font-size:27px}.filters{margin-top:20px!important}.filters button{padding:9px 13px}.category-bar{gap:9px;margin-top:22px}.category-bar button{font-size:12px;padding:9px 12px}.real-card{padding:21px;box-shadow:3px 3px 0 var(--ink)}.catalog-grid{gap:18px}.simple-contact{padding:23px;gap:17px}.detail-hero{gap:18px}.detail-hero h1{font-size:29px;letter-spacing:-1px}.watch-intro{padding:19px 14px;box-shadow:4px 4px 0 var(--ink)}.watch-intro h2{font-size:21px}.detail-block h2{font-size:23px}.app-links{gap:10px}.download-link{padding:10px 12px}.detail-main{padding:22px}.section{padding-bottom:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:420px){nav{flex-wrap:wrap;gap:18px}nav .links{width:100%;justify-content:space-between}.comic-copy{padding:28px 22px}.comic-copy h1{font-size:clamp(30px,8.1vw,38px);letter-spacing:-1.4px}.comic-copy h1 span{padding-left:6px;padding-right:6px}.comic-kicker{font-size:9px;letter-spacing:.8px}.heading h2{font-size:25px}}

.youtube-new-videos{border:2px solid var(--ink);border-radius:15px;background:#fff8da;padding:28px;margin:20px 0 40px;box-shadow:4px 4px 0 var(--ink)}.youtube-new-videos h2{font-size:24px;margin:0 0 10px}.youtube-new-videos p{line-height:1.8;margin-bottom:20px}.real-card{display:flex;flex-direction:column}.real-card .simple-action{margin-top:auto}.new-app-icon{display:grid;place-items:center;width:58px;height:58px;font-size:28px;flex-shrink:0;background:#cce8db;border:2px solid var(--ink);border-radius:13px}.recent-label{position:absolute;right:8px;top:12px;padding:4px 8px;font-size:10px;font-weight:800;background:var(--lime);border:1px solid var(--ink);border-radius:6px}.real-card:has(.recent-label) h3{padding-right:70px}.real-card:focus-within{outline:3px solid #258264;outline-offset:3px}

.category-bar{display:flex;flex-wrap:wrap;align-items:center}.category-bar button{white-space:nowrap}.real-card[data-category-source='apple']:before{background:var(--mint)}

.category-bar .recent-top10-btn{background:#ffe38a;font-weight:800;border:2px solid var(--ink)}.category-bar .recent-top10-btn.active{background:var(--ink);color:#fff}.real-card[data-apple-update-rank]{scroll-margin-top:30px}

.apple-icon-pending{background:#e8eee7!important;object-fit:contain!important}.apple-icon-pending:not([src]){font-size:0}.category-bar{align-items:center}.category-bar button.active{font-weight:800}.real-card:focus-within{outline:3px solid #237a61;outline-offset:3px}

.category-bar{display:flex;flex-wrap:wrap;gap:9px}.category-bar button.active{background:#163e32;color:white}.category-bar .recent-top10-btn{background:#ffe38a}.category-bar .recent-top10-btn.active{background:#163e32;color:white}

/* Fast direct link to each Apple App Store listing. */
.real-card .appstore-shortcut{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:fit-content;max-width:100%;margin-top:13px;padding:9px 13px;border:2px solid var(--ink);border-radius:10px;background:#163e32;color:#fff;font-size:12px;font-weight:750;text-decoration:none;box-shadow:2px 2px 0 #91af9e;transition:transform .15s,box-shadow .15s}.real-card .appstore-shortcut:hover{transform:translateY(-2px);box-shadow:3px 4px 0 #91af9e}.real-card .appstore-shortcut:focus-visible{outline:3px solid #c78826;outline-offset:3px}.appstore-symbol{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#fff;color:#163e32;font-size:18px;font-family:Arial,sans-serif;font-weight:900;line-height:1}.real-card .appstore-shortcut span:last-child{white-space:nowrap}

/* Keep download shortcut visually secondary to the App artwork. */
.real-card .appstore-shortcut{margin-top:9px;padding:5px 9px;gap:6px;font-size:10px;font-weight:650;border-width:1px;border-radius:7px;background:#edf5ee;color:#214538;box-shadow:none;line-height:1.3;min-height:28px}
.real-card .appstore-shortcut:hover{background:#dcece0;box-shadow:none;transform:none}
.real-card .appstore-shortcut .appstore-symbol{width:17px;height:17px;border-radius:5px;background:#214538;color:#fff;font-size:12px}
.real-card .appstore-shortcut:focus-visible{outline:2px solid #24765d;outline-offset:2px}

/* Accessible, click-to-play homepage promotional short. Media is loaded on demand. */
.site-promo{margin:8px 0 48px;padding:25px;background:#fffdf6;border:2px solid var(--ink);border-radius:18px;box-shadow:4px 4px 0 var(--ink);display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:28px;align-items:center}
.site-promo[hidden]{display:none}
.site-promo-eyebrow{font-size:10px;letter-spacing:1.3px;font-weight:850;color:#315747}
.site-promo-copy h2{font-size:clamp(22px,2.8vw,34px);letter-spacing:-.7px;line-height:1.3;margin:14px 0 12px}
.site-promo-copy h2 span{display:inline-block;font-size:19px;color:#2f705a;margin-left:4px}
.site-promo-copy p{font-size:13px;color:#52655d;line-height:1.8}
.site-promo-video{aspect-ratio:16/9;overflow:hidden;border:2px solid var(--ink);border-radius:13px;background:#163e32}
.site-promo-video video{display:block;width:100%;height:100%;object-fit:contain}
.site-promo-video video:focus-visible{outline:3px solid #24765d;outline-offset:-3px}
@media(max-width:760px){.site-promo{grid-template-columns:minmax(0,1fr);gap:14px;padding:17px;margin:0 0 32px}.site-promo-copy h2{margin:10px 0 8px}.site-promo-video{border-radius:10px}}