@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600&display=swap";:root{font-family:Noto Sans TC,sans-serif;color:#292e2b;background:#f7f5f1;font-synthesis:none;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #8f5e62;outline-offset:4px}::selection{background:#e9cbd0}.header{max-width:1200px;margin:auto;padding:32px 28px;border-bottom:1px solid #e6e2dc}.wordmark{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:600;letter-spacing:3px;margin:0}.wordmark span{font-size:12px;font-weight:400;letter-spacing:3px}.wordmark i{width:6px;height:6px;border-radius:50%;background:#caa3a2}main{max-width:1200px;margin:auto;padding:32px 28px 48px}.site-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px;align-items:start}.site-card{min-width:0}.card-body{overflow-wrap:anywhere}.advertisement{min-height:250px;border:1px solid #e0dfd6;display:grid;place-items:center;color:#62685e;font-size:12px}.site-card{border:1px solid #e0dfd6;border-radius:5px;overflow:hidden;background:#fcfbf8;transition:transform .25s,box-shadow .25s}.site-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px #333a3210}.card-visual{height:255px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 85% 20%,#eee3dd 0%,transparent 60%),linear-gradient(120deg,#d2b9b0,#e8d4cc 55%,#c3a89f)}.card-visual:before,.card-visual:after{content:"";position:absolute;right:-30px;bottom:-80px;width:190px;height:330px;background:linear-gradient(90deg,#d6bcb344,#f8eee877,#c6a49d66);transform:rotate(29deg);border-radius:50%}.card-visual:after{left:-100px;top:-130px;transform:rotate(-35deg);width:240px}.featured-label{position:absolute;top:16px;left:16px;z-index:1;font-size:8px;letter-spacing:1px;background:#fff9;padding:5px 9px;border-radius:2px;color:#79685f}.brand-art{position:relative;z-index:1;text-align:center;color:#fff9f3}.brand-kicker{font-size:6px;letter-spacing:2.6px}.brand-art strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:51px;line-height:.95;letter-spacing:6px;max-width:210px;margin-left:auto;margin-right:auto;margin-top:14px;text-shadow:0 2px 12px #795c4c22}.brand-art strong span{letter-spacing:9px}.brand-bottom{display:block;font-family:Georgia,serif;font-style:italic;font-size:11px;margin-top:16px;letter-spacing:.5px}.visual-arrow{position:absolute;right:16px;bottom:16px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff9;color:#7a6e65;z-index:1}.card-body{padding:22px}.card-category{font-size:8px;letter-spacing:1px;color:#a3837d;display:flex;align-items:center;gap:8px}.card-category>span{font-size:9px;letter-spacing:.3px}.card-category .official{margin-left:auto;color:#8b9385;font-size:8px}.official:before{content:"•";margin-right:5px}.card-body h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:13px 0 10px;letter-spacing:1px}.card-body h3 a{display:flex;align-items:center;justify-content:space-between}.card-body h3 svg{color:#999b8e}.card-body>p{font-size:12px;color:#62685e;line-height:2;margin:0 0 18px}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:9px;background:#efeee7;padding:3px 7px;border-radius:2px;color:#858779}.card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e8e7de;margin-top:20px;padding-top:15px;font-size:8px;color:#919489}.card-footer>span:last-child{display:flex;align-items:center;gap:4px;color:#697664}@media(max-width:640px){.header{padding:24px 20px}.wordmark{font-size:22px}main{padding:24px 20px 40px}.site-grid{gap:20px}.card-visual{height:260px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.browsing-notice{margin-bottom:28px;padding:20px 24px;border:1px solid #c8aaa1;border-left:4px solid #8f5e62;border-radius:4px;background:#f1e7e2;color:#493e38;overflow-wrap:anywhere}.browsing-notice h2{margin:0 0 10px;font-size:16px;line-height:1.7}.browsing-notice p{margin:8px 0 0;font-size:14px;line-height:1.9}.browsing-notice .notice-detail{font-size:12px;color:#62534b}@media(max-width:640px){.browsing-notice{padding:16px}}