/* Explore only: a dark catalogue canvas with light, readable gradient cards. */
html{background:#0b1220;min-height:100%}
body{min-height:100vh;margin:0;color:#e9effa;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;background:radial-gradient(ellipse at 0% 0%,#a1bfd62e,transparent 60%),radial-gradient(ellipse at 100% 70%,#b2afd82b,transparent 65%),linear-gradient(125deg,#29475c 0%,#4a526f 50%,#355965 100%);background-repeat:no-repeat;-webkit-font-smoothing:antialiased;background-attachment:fixed;}
.pa-explore-nav,.pa-explore{max-width:1200px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif;font-size:16px;line-height:1.55}
.pa-explore-nav{padding:24px 24px 0;justify-content:flex-end}
.pa-explore-nav .pa-nav-links{gap:8px;font-size:12px}
.pa-explore-nav a{display:inline-flex;align-items:center;min-height:34px;padding:5px 12px;border:1px solid #ffffff16;border-radius:999px;color:#bdcbe2;background:#ffffff04;text-decoration:none;transition:background .18s,color .18s}
.pa-explore-nav a:hover{background:#ffffff0e;color:#fff}
.pa-explore{padding:0 24px 64px;color:#e9effa}
.pa-explore .pa-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:26px 0 30px;margin:0;background:none;border-radius:0}
.pa-explore .pa-hero-copy{min-width:0}
.pa-explore .pa-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#c1d6e8;font-size:11px;line-height:1.6;font-weight:650;letter-spacing:.15em}
.pa-explore .pa-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#a9d8e4;box-shadow:0 0 15px #8dceda60}
.pa-explore .pa-hero h1{font-family:inherit;font-size:clamp(29px,3.5vw,44px);font-weight:700;line-height:1.22;letter-spacing:-.045em;margin:11px 0 14px;color:#f7f9ff}
.pa-explore .pa-hero p{max-width:720px;margin:0;font-size:15px;line-height:1.8;color:#c1cfe1}
.pa-explore .pa-catalogue-total{flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:4px 0 4px 30px;border-left:1px solid #b9cae62b;min-width:165px}
.pa-explore .pa-catalogue-total strong{font-size:33px;font-weight:650;line-height:1.2;letter-spacing:-.04em;color:#e7efff;font-variant-numeric:tabular-nums}
.pa-explore .pa-catalogue-total span{font-size:12px;color:#bfcee1}
.pa-explore .pa-panel{color-scheme:only light;padding:25px 26px 22px;margin:0 0 32px;background:linear-gradient(115deg,#e3eaed 0%,#d5e0eb 45%,#c5d0e4 100%);border:1px solid #c9d7e5b3;border-radius:20px;color:#23334e;box-shadow:0 18px 46px #01071338,0 1px 0 #ffffff3d inset}
.pa-explore .pa-filters{display:grid;grid-template-columns:minmax(210px,1.65fr) repeat(5,minmax(0,1fr));gap:12px}
.pa-explore .pa-filter-search{grid-column:auto}
.pa-explore .pa-filters label{min-width:0;font-size:12px;font-weight:650;color:#4d5d76;letter-spacing:.01em}
.pa-explore .pa-filters input,.pa-explore .pa-filters select{display:block;width:100%;min-width:0;height:46px;padding:10px 11px;margin-top:8px;border:1px solid #b8c9da;border-radius:10px;background:#f0f5f9d9;color:#1b2c46;font-size:14px;line-height:1.4;box-shadow:0 1px 2px #18365405;transition:border-color .18s,box-shadow .18s}
.pa-explore .pa-filters select{padding-right:6px}
.pa-explore .pa-filters input::placeholder{color:#687b94;opacity:1}
.pa-explore .pa-filters input:focus,.pa-explore .pa-filters select:focus{border-color:#7597ce;box-shadow:0 0 0 4px #7394c71a;outline:0}
.pa-explore :where(a,button,input,select):focus-visible,.pa-explore-nav a:focus-visible{outline:3px solid #84afe8;outline-offset:3px}
.pa-explore .pa-actions{gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid #d6dfeb99}
.pa-explore button,.pa-explore .pa-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 19px;border:1px solid #334f82;border-radius:10px;background:linear-gradient(120deg,#263c68,#47649c);color:#fff;font-size:13px;font-weight:650;line-height:1.5;text-decoration:none;box-shadow:0 4px 10px #263f7321;transition:background .18s,box-shadow .18s,transform .18s}
.pa-explore button:hover,.pa-explore .pa-button:hover{background:linear-gradient(120deg,#304c7f,#516fa8);color:#fff;box-shadow:0 6px 15px #263f732b;text-decoration:none}
.pa-explore button svg{width:17px;height:17px;flex:none}
.pa-explore .pa-secondary{background:#ffffff99;border-color:#cbd6e5;box-shadow:none;color:#4d6383;font-weight:550}
.pa-explore .pa-secondary:hover{background:#fff;border-color:#9fb5d2;color:#243f68;box-shadow:none}
.pa-explore .pa-actions>.pa-muted{margin-left:auto;font-size:12px;color:#697b92}
.pa-explore .pa-results-head{margin:0 0 17px;align-items:baseline;gap:14px;color:#eaf0fb}
.pa-explore .pa-results-head strong{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}
.pa-explore .pa-results-head>.pa-muted{font-size:12px;color:#c5d1e2}
.pa-explore .pa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pa-explore .pa-card{position:relative;display:flex;flex-direction:column;min-width:0;gap:13px;padding:23px 23px 18px;color-scheme:only light;color:#1c2c45;border:1px solid #c5d4e1b8;border-radius:18px;background:linear-gradient(125deg,#e1e9e9 0%,#d2dfeb 45%,#bdc9e2 100%);box-shadow:0 8px 24px #1b31431a,inset 0 1px 0 #ffffff42;transition:transform .2s,box-shadow .2s,border-color .2s}
.pa-explore .pa-card:nth-child(3n+2){background:linear-gradient(125deg,#e7dfd8 0%,#d9d9e7 48%,#c6c8df 100%)}
.pa-explore .pa-card:nth-child(3n){background:linear-gradient(125deg,#dbe9e3 0%,#cbdfe2 45%,#b9cedd 100%)}
.pa-explore .pa-card:hover,.pa-explore .pa-card:focus-within{transform:translateY(-3px);border-color:#b9cce6;box-shadow:0 15px 34px #01061340,inset 0 1px 0 #fff}
.pa-explore .pa-card h2{font-family:inherit;margin:0;font-size:19px;font-weight:650;line-height:1.45;letter-spacing:-.015em;overflow-wrap:anywhere}
.pa-explore .pa-card h2 a{font-family:inherit;color:#1b2d4b;text-decoration:none}
.pa-explore .pa-card h2 a:hover{color:#3d5c98;text-decoration:none}
.pa-explore .pa-card>p{color:#66758b;font-size:13px;line-height:1.6;margin:-5px 0 0;overflow-wrap:anywhere}
.pa-explore .pa-card-tags{display:flex;align-content:flex-start;flex-wrap:wrap;gap:6px;margin:2px 0 5px}
.pa-explore .pa-card .pa-chip{margin:0!important;padding:4px 9px!important;border-color:#d6deeb!important;border-radius:7px!important;background:#eaf0f7b3!important;color:#495e7b!important;font:500 12px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif!important}
.pa-explore .pa-card[data-difficulty="beginner"] .pa-chip:first-child{background:#e4f0e8!important;color:#35614b!important;border-color:#c9dfd0!important}
.pa-explore .pa-card[data-difficulty="intermediate"] .pa-chip:first-child{background:#ece8f8!important;color:#61508a!important;border-color:#d9d0ef!important}
.pa-explore .pa-card[data-difficulty="advanced"] .pa-chip:first-child{background:#fff0e3!important;color:#8c5133!important;border-color:#ecd7c4!important}
.pa-explore .pa-card-footer{margin-top:auto;padding-top:14px;border-top:1px solid #cfd9e699;gap:8px;font-size:12px}
.pa-explore .pa-card-footer .pa-muted{font-size:11px;color:#708099;line-height:1.5}
.pa-explore .pa-card-footer a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;flex-shrink:0;padding:6px 11px;border:1px solid #d1dceb;border-radius:9px;background:#ffffff3d;color:#3f5e90;font-size:12px;font-weight:650;white-space:nowrap;text-decoration:none;transition:background .18s,border-color .18s}
.pa-explore .pa-card-footer a:hover{background:#fff;border-color:#a6bddb;color:#263f69;text-decoration:none}
.pa-explore .pa-empty{padding:42px 24px;color-scheme:only light;background:linear-gradient(125deg,#dfe7e9,#c4d0e3);border:1px solid #dbe5f1;border-radius:18px;color:#253750;box-shadow:0 12px 32px #02081b22}
.pa-explore .pa-empty h2{font-family:inherit;font-size:22px;font-weight:650;margin:0 0 12px}
.pa-explore .pa-empty .pa-muted{color:#61738c;font-size:14px}
.pa-explore .pa-empty .pa-button{margin-top:10px}
.pa-explore .pa-empty[role="alert"]{background:linear-gradient(135deg,#fff5ef,#fcf0f3);color:#873d47;border-color:#edd3d4}
.pa-explore .pa-pages{width:max-content;max-width:100%;margin:32px auto 0;padding:7px;gap:9px;align-items:center;background:#ffffff05;border:1px solid #ffffff16;border-radius:13px;color:#aabbd4;font-size:13px}
.pa-explore .pa-pages a{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:8px;color:#d5e1f3;text-decoration:none}
.pa-explore .pa-pages a:hover{background:#ffffff0c;color:#fff}
.pa-explore .pa-pages>span{padding:0 8px;font-variant-numeric:tabular-nums}
body #footer2{background:transparent;border-top:1px solid #ffffff0d;padding:24px 0 34px;color:#8fa1bd}
body #footer2 h5{color:#8fa1bd;font-size:12px;line-height:1.6}
@media(max-width:1100px){.pa-explore .pa-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.pa-explore .pa-filter-search{grid-column:span 3}.pa-explore .pa-filters>label:last-child{grid-column:span 2}}
@media(max-width:960px){.pa-explore .pa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pa-explore .pa-catalogue-total{min-width:150px;padding-left:23px}.pa-explore .pa-hero{gap:24px}.pa-explore .pa-hero h1{font-size:36px}}
@media(max-width:767px){.pa-explore-nav{padding:18px 20px 0}.pa-explore{padding:0 20px 40px}.pa-explore .pa-hero{align-items:flex-start;padding:24px 0 27px}.pa-explore .pa-catalogue-total{display:none}.pa-explore .pa-hero h1{font-size:34px}.pa-explore .pa-hero p{font-size:14px}.pa-explore .pa-panel{padding:22px;border-radius:17px}.pa-explore .pa-card{padding:21px 20px 17px}.pa-explore .pa-card h2{font-size:18px}.pa-explore .pa-actions>.pa-muted{margin-left:0;flex-basis:100%;margin-top:2px}}
@media(max-width:600px){.pa-explore-nav{padding:16px 16px 0}.pa-explore{padding:0 16px 36px}.pa-explore .pa-hero{padding:22px 0 24px}.pa-explore .pa-eyebrow{font-size:10px}.pa-explore .pa-hero h1{font-size:30px;margin:10px 0 12px;letter-spacing:-.04em}.pa-explore .pa-hero p{font-size:13px;line-height:1.75}.pa-explore .pa-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.pa-explore .pa-filter-search{grid-column:span 2}.pa-explore .pa-filters>label:last-child{grid-column:span 2}.pa-explore .pa-panel{padding:20px 18px;margin-bottom:26px}.pa-explore .pa-filters input,.pa-explore .pa-filters select{height:45px;font-size:14px}.pa-explore .pa-actions{gap:9px;margin-top:18px;padding-top:17px}.pa-explore .pa-actions button,.pa-explore .pa-actions .pa-button{flex:1;min-width:0;padding:10px 12px}.pa-explore .pa-actions>.pa-muted{font-size:11px;margin-top:2px}.pa-explore .pa-results-head{gap:10px;margin-bottom:14px}.pa-explore .pa-results-head strong{font-size:15px}.pa-explore .pa-results-head>.pa-muted{font-size:11px}.pa-explore .pa-grid{grid-template-columns:1fr;gap:15px}.pa-explore .pa-card{padding:22px 21px 18px;border-radius:16px;gap:14px}.pa-explore .pa-card h2{font-size:19px}.pa-explore .pa-card-footer a{min-height:40px}.pa-explore .pa-pages{gap:2px;padding:5px}.pa-explore .pa-pages a{padding:6px 10px}.pa-explore .pa-pages>span{padding:0 6px}}
@media(prefers-reduced-motion:reduce){.pa-explore .pa-card,.pa-explore a,.pa-explore button,.pa-explore input,.pa-explore select,.pa-explore-nav a{transition:none}.pa-explore .pa-card:hover,.pa-explore .pa-card:focus-within{transform:none}}
/* Explore back-to-top accent; the shared menu retains its original colors. */
body .cd-top{background-color:#344b77!important;border:1px solid #9bb3dc3d;border-radius:10px;box-shadow:0 7px 20px #03091833}