:root{--bg:#F1F6F9;--card:#FFFFFF;--ink:#16323F;--muted:#6E8794;--blue:#1380A6;--blue-d:#0E5C82;--blue-deep:#0A3A52;--pink:#E86F9C;--pink-d:#D8568A;--pink-l:#F4A9C6;--aqua:#5FBFCE;--green:#1FA589;--line:#DBE7EC;--soft:#E2EFF3;--maxw:1180px;--tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' fill='%231689B0'/%3E%3Cg fill='none' stroke='%23EAF7FB' stroke-width='1.5'%3E%3Ccircle cx='24' cy='24' r='9'/%3E%3Ccircle cx='0' cy='0' r='9'/%3E%3Ccircle cx='48' cy='0' r='9'/%3E%3Ccircle cx='0' cy='48' r='9'/%3E%3Ccircle cx='48' cy='48' r='9'/%3E%3Ccircle cx='24' cy='0' r='4'/%3E%3Ccircle cx='24' cy='48' r='4'/%3E%3Ccircle cx='0' cy='24' r='4'/%3E%3Ccircle cx='48' cy='24' r='4'/%3E%3C/g%3E%3Ccircle cx='24' cy='24' r='3.5' fill='%23E86F9C'/%3E%3Cg fill='%231FA589'%3E%3Ccircle cx='24' cy='15' r='1.7'/%3E%3Ccircle cx='24' cy='33' r='1.7'/%3E%3Ccircle cx='15' cy='24' r='1.7'/%3E%3Ccircle cx='33' cy='24' r='1.7'/%3E%3C/g%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:Noto Sans TC,system-ui,sans-serif;font-weight:400;line-height:1.7;letter-spacing:.01em;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}.serif{font-family:"Noto Serif TC",serif}.tilebar{height:18px;background:var(--tile);background-size:18px 18px}.tilebar.thin{height:12px;background-size:12px 12px}.site-header{position:sticky;top:0;z-index:50;background:#f1f6f9f7;backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:center;gap:12px}.logo .mark{height:40px;width:auto;display:block}.logo .tt{display:flex;flex-direction:column;line-height:1.05}.logo b{font-family:"Noto Serif TC",serif;font-weight:700;font-size:22px;letter-spacing:.05em;color:var(--blue-d)}.logo small{font-size:10px;letter-spacing:.4em;color:var(--muted);margin-top:3px}nav.main{display:flex;gap:26px;align-items:center}nav.main a{font-size:15px;font-weight:500;color:#36505c}nav.main a:hover{color:var(--blue)}.sub{display:flex;align-items:center;gap:16px}.btn{background:var(--pink);color:#fff;font-size:14px;font-weight:500;padding:9px 18px;border-radius:999px;border:0;cursor:pointer;transition:.2s;display:inline-block}.btn:hover{background:var(--pink-d)}.ico{font-size:18px;color:#36505c;cursor:pointer}.kicker{text-align:center;padding:30px 0 4px}.kicker .en{font-family:Cormorant Garamond,serif;font-style:italic;font-size:21px;color:var(--pink)}.kicker .zh{font-family:"Noto Serif TC",serif;font-size:15px;color:var(--blue-d);letter-spacing:.3em;margin-top:3px}.kicker .deco{width:120px;height:12px;margin:12px auto 0;background:var(--tile);background-size:12px 12px;border-radius:2px;opacity:.95}.hero{display:grid;grid-template-columns:1.95fr 1fr;gap:36px;padding:40px 0 0}.lead .ph{aspect-ratio:16/9;border-radius:4px;overflow:hidden;background:var(--soft)}.lead .ph img{width:100%;height:100%;object-fit:cover;transition:.4s}.lead a:hover .ph img{transform:scale(1.03)}.pill{display:inline-block;font-size:11.5px;font-weight:700;color:var(--blue);letter-spacing:.16em;text-transform:uppercase}.lead h1{font-family:"Noto Serif TC",serif;font-weight:700;font-size:clamp(26px,3.4vw,40px);line-height:1.28;margin:12px 0 0;color:var(--ink)}.lead h1:after{content:"";display:block;width:36px;height:3px;background:var(--pink);margin:16px 0 0}.lead p{color:#43545d;font-size:16px;max-width:42em;margin-top:14px}.meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin-top:14px}.meta .dot{width:3px;height:3px;border-radius:50%;background:var(--aqua)}.picks{display:flex;flex-direction:column;gap:18px}.picks .lab{font-family:"Noto Serif TC",serif;font-weight:700;font-size:14px;color:var(--blue-d);letter-spacing:.14em;padding-bottom:9px;border-bottom:2px solid var(--pink);display:inline-block}.pk{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:start}.pk .ph{aspect-ratio:1/1;border-radius:11px;overflow:hidden;background:var(--soft);box-shadow:inset 0 0 0 2px var(--aqua)}.pk .ph img{width:100%;height:100%;object-fit:cover}.pk h3{font-family:"Noto Serif TC",serif;font-weight:500;font-size:16px;line-height:1.45;margin-bottom:5px}.pk a:hover h3{color:var(--blue)}.pk .c{font-size:12px;color:var(--pink);font-weight:600}.sec{padding:30px 0}.sechead{display:flex;align-items:baseline;gap:18px;margin-bottom:26px;padding-bottom:12px;border-bottom:1.5px solid var(--ink)}.sechead h2{font-family:"Noto Serif TC",serif;font-weight:700;font-size:23px;color:var(--blue-d);white-space:nowrap;letter-spacing:.02em}.sechead a{font-size:13px;color:var(--muted);letter-spacing:.06em;margin-left:auto;white-space:nowrap}.sechead a:hover{color:var(--blue)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 30px}.card{background:none;border:0;border-radius:0;overflow:visible;transition:.25s}.card:hover{transform:none;box-shadow:none}.card .ph{aspect-ratio:16/10;border-radius:3px;overflow:hidden;background:var(--soft)}.card .ph img{width:100%;height:100%;object-fit:cover;transition:.4s}.card:hover .ph img{transform:scale(1.03)}.card .body{padding:15px 0 0}.card .pill{font-size:11.5px;margin-bottom:9px}.card h3{font-family:"Noto Serif TC",serif;font-weight:600;font-size:18.5px;line-height:1.46;margin-bottom:0}.card h3:after{content:"";display:block;width:28px;height:2px;background:var(--pink);margin:13px 0 0}.card:hover h3{color:var(--blue)}.card .meta{margin-top:12px;font-size:12.5px}.card.promo-ad{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 14px 30px -20px #0a3a5247;transition:transform .2s,box-shadow .2s}.card.promo-ad:hover{transform:translateY(-3px);box-shadow:0 22px 44px -20px #0a3a5257}.card.promo-ad a{display:flex;flex-direction:column;height:100%}.card.promo-ad .pa-tag{font-size:10.5px;letter-spacing:.18em;font-weight:700;color:var(--pink-d);padding:16px 20px 0}.card.promo-ad .body{padding:8px 20px 20px;display:flex;flex-direction:column;flex:1}.card.promo-ad .pa-k{display:block;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--muted);margin-bottom:8px}.card.promo-ad h3{color:var(--ink);font-size:18.5px;line-height:1.42}.card.promo-ad h3:after{display:none}.card.promo-ad:hover h3{color:var(--ink)}.card.promo-ad .pa-d{font-size:13px;color:var(--muted);line-height:1.6;margin:9px 0 0}.card.promo-ad .pa-cta{align-self:flex-start;display:inline-flex;align-items:center;background:var(--pink-d);color:#fff;font-size:13px;font-weight:700;border-radius:999px;padding:9px 16px;margin-top:18px;box-shadow:0 8px 18px -10px #d8568ab3;transition:transform .2s,box-shadow .2s}.card.promo-ad:hover .pa-cta{transform:translate(3px);box-shadow:0 12px 24px -10px #d8568acc}.news{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin:10px 0;box-shadow:0 18px 40px -22px #0a3a5229}.news .top{height:14px;background:var(--tile);background-size:14px 14px}.news .in{padding:42px 40px;text-align:center}.news .en{font-family:Cormorant Garamond,serif;font-style:italic;font-size:22px;color:var(--pink)}.news h2{font-family:"Noto Serif TC",serif;font-weight:700;font-size:28px;margin:4px 0 8px}.news p{opacity:.82;font-size:15px;margin-bottom:22px}.news form{display:flex;gap:10px;max-width:460px;margin:0 auto}.news input{flex:1;border:1px solid var(--line);border-radius:999px;padding:13px 20px;font-size:15px;font-family:inherit}.news .go{background:var(--pink);color:#fff;border:0;border-radius:999px;padding:13px 26px;font-weight:600;cursor:pointer;transition:.2s}.news .go:hover{background:var(--pink-d)}.trend{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 40px}.tr{display:grid;grid-template-columns:46px 1fr;gap:16px;align-items:center;padding:16px 4px;border-bottom:1px solid var(--line)}.tr .n{font-family:Cormorant Garamond,serif;font-style:italic;font-weight:600;font-size:38px;color:var(--pink);line-height:1;text-align:center}.tr h3{font-family:"Noto Serif TC",serif;font-weight:500;font-size:16.5px;line-height:1.5}.tr a:hover h3{color:var(--blue)}.tr .c{font-size:12px;color:var(--blue);font-weight:600;margin-top:3px}footer{background:var(--blue-deep);color:#c3d8e2;margin-top:54px}.ftile{height:16px;background:var(--tile);background-size:16px 16px}.fin{padding:50px 0 28px}.fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px}.fgrid b.serif{color:#fff;font-size:21px;letter-spacing:.05em}.fgrid small{display:block;color:var(--aqua);letter-spacing:.38em;font-size:10px;margin-top:5px}.fgrid p{font-size:13.5px;color:#93b0bd;margin-top:14px;max-width:24em;line-height:1.8}.fcol h4{color:#fff;font-size:14px;margin-bottom:14px;font-weight:500}.fcol a{display:block;font-size:13.5px;color:#a8c4d2;padding:5px 0}.fcol a:hover{color:var(--pink-l)}.fbot{border-top:1px solid #15455f;margin-top:34px;padding-top:22px;display:flex;justify-content:space-between;font-size:12.5px;color:#7593a1;flex-wrap:wrap;gap:8px}.post{max-width:768px;margin:0 auto;padding:32px 0 6px}.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:22px}.crumb a:hover{color:var(--blue)}.crumb .sep{color:var(--aqua)}.crumb .cur{color:var(--blue-d);max-width:24em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-head{margin-bottom:22px}.post-head .pill{margin-bottom:13px}.post-head h1{font-family:"Noto Serif TC",serif;font-weight:700;font-size:clamp(27px,3.9vw,40px);line-height:1.32;color:var(--ink);margin:0}.post-head h1:after{content:"";display:block;width:40px;height:3px;background:var(--pink);margin:18px 0 0}.post-head .meta{margin-top:16px;font-size:13.5px}.post-cover{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--soft);box-shadow:0 0 0 4px var(--blue),0 0 0 6px var(--pink);margin:6px 0 40px}.post-cover img{width:100%;height:100%;object-fit:cover}.prose{font-size:17px;line-height:1.95;color:#2c3e47}.prose>:first-child{margin-top:0}.prose p{margin:0 0 1.25em}.prose h2{font-family:"Noto Serif TC",serif;font-weight:700;font-size:25px;color:var(--blue-d);line-height:1.4;margin:1.85em 0 .7em;display:flex;align-items:center;gap:12px}.prose h2:before{content:"";flex:0 0 auto;width:20px;height:20px;background:var(--tile);background-size:20px 20px;border-radius:5px;box-shadow:inset 0 0 0 1.5px var(--pink)}.prose h3{font-family:"Noto Serif TC",serif;font-weight:600;font-size:21px;color:var(--ink);line-height:1.45;margin:1.7em 0 .6em;padding-left:14px;border-left:4px solid var(--pink)}.prose h4{font-family:"Noto Serif TC",serif;font-weight:600;font-size:18.5px;color:var(--blue-d);margin:1.5em 0 .5em}.prose a{color:var(--blue);text-decoration:underline;text-decoration-color:var(--pink-l);text-underline-offset:3px;font-weight:500}.prose a:hover{color:var(--pink-d)}.prose strong{color:var(--ink);font-weight:700}.prose em{font-style:italic}.prose img{width:100%;border-radius:14px;box-shadow:0 14px 30px -18px #0e5c8280;margin:1.6em 0;display:block}.prose ul,.prose ol{list-style:none;padding:0;margin:1.2em 0;counter-reset:li}.prose li{position:relative;padding-left:30px;margin-bottom:.7em}.prose ul>li:before{content:"";position:absolute;left:6px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px var(--soft)}.prose ol>li{counter-increment:li}.prose ol>li:before{content:counter(li);position:absolute;left:0;top:.05em;width:22px;height:22px;font-family:Cormorant Garamond,serif;font-style:italic;font-size:13px;font-weight:600;color:#fff;background:var(--pink);border-radius:50%;display:flex;align-items:center;justify-content:center}.prose blockquote{margin:1.6em 0;padding:16px 22px;background:var(--soft);border-left:4px solid var(--blue);border-radius:0 12px 12px 0;color:#3a4d56}.prose blockquote p:last-child{margin-bottom:0}.prose hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--line) 18%,var(--line) 82%,transparent);margin:2.6em 0;position:relative;overflow:visible}.prose hr:after{content:"❋";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bg);padding:0 16px;color:var(--pink);font-size:15px}.prose code{font-family:ui-monospace,SFMono-Regular,monospace;background:var(--soft);padding:2px 6px;border-radius:5px;font-size:.86em;color:var(--blue-d)}.prose pre{background:var(--blue-deep);color:#dbeaf2;padding:18px 20px;border-radius:12px;overflow:auto;margin:1.6em 0}.prose pre code{background:none;color:inherit;padding:0;font-size:.9em}.post-foot{max-width:768px;margin:38px auto 0;padding-top:26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.post-foot .back{color:var(--blue-d);font-weight:600;font-size:14.5px}.post-foot .back:hover{color:var(--pink-d)}.post-foot .tags{display:flex;gap:8px;flex-wrap:wrap}.post-foot .tags span{font-size:12px;color:var(--muted);background:var(--soft);border-radius:999px;padding:4px 12px}.cat-blurb{max-width:46em;margin:14px auto 0;text-align:center;color:#43545d;font-size:15.5px;line-height:1.8}.cat-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 4px}.cat-nav a{font-size:14px;font-weight:500;color:var(--blue-d);background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 18px;transition:.2s}.cat-nav a:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.empty{color:var(--muted);font-size:15px;padding:30px 0}.cform{display:grid;gap:16px;margin:6px 0 4px}.cform .row{display:grid;gap:7px}.cform .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cform label{font-size:13.5px;font-weight:600;color:var(--blue-d)}.cform input,.cform textarea{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px 16px;font-size:15px;font-family:inherit;color:var(--ink);transition:.2s;width:100%}.cform input:focus,.cform textarea:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px #1380a624}.cform textarea{min-height:150px;resize:vertical;line-height:1.7}.cform button{justify-self:start;background:var(--pink);color:#fff;border:0;border-radius:999px;padding:13px 34px;font-size:15px;font-weight:600;cursor:pointer;transition:.2s}.cform button:hover{background:var(--pink-d)}.cnote{font-size:12.5px;color:var(--muted);line-height:1.7;margin-top:2px}.form-status{font-size:14px;font-weight:500;padding:12px 16px;border-radius:12px;margin-top:4px;display:none}.form-status.ok{display:block;background:#e6f5ef;color:#1a7d63;border:1px solid #b6e3d2}.form-status.err{display:block;background:#fdeef2;color:#c43864;border:1px solid #f3c5d5}@media(max-width:880px){nav.main{display:none}.hero{grid-template-columns:1fr;gap:30px}.grid{grid-template-columns:repeat(2,1fr);gap:24px 20px}.trend{grid-template-columns:1fr;gap:0}.fgrid{grid-template-columns:1fr;gap:30px}}@media(max-width:560px){.bar{height:60px}.grid{grid-template-columns:1fr}.news .in{padding:34px 22px}.news form{flex-direction:column}.post{padding-top:22px}.prose{font-size:16px;line-height:1.9}.prose h2{font-size:22px}.prose h3{font-size:19px}.cform .two{grid-template-columns:1fr}}button.ico{background:none;border:0;padding:0;font-family:inherit;line-height:1;display:inline-flex;align-items:center}.ico:hover{color:var(--blue)}.search-modal{position:fixed;inset:0;z-index:200;display:flex;justify-content:center;align-items:flex-start}.search-modal[hidden]{display:none}.sm-backdrop{position:absolute;inset:0;background:#0a3a526b;backdrop-filter:blur(3px)}.sm-panel{position:relative;width:min(620px,92vw);margin-top:11vh;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 24px 60px -16px #0a3a5266;overflow:hidden;animation:smIn .16s ease-out}@keyframes smIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.sm-bar{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.sm-ico{font-size:20px;color:var(--blue)}.sm-bar input{flex:1;min-width:0;border:0;outline:none;font-size:17px;color:var(--ink);background:none;font-family:inherit}.sm-bar input::placeholder{color:var(--muted)}.sm-close{background:none;border:0;cursor:pointer;font-size:15px;color:var(--muted);padding:4px 6px;line-height:1}.sm-close:hover{color:var(--ink)}.sm-results{max-height:62vh;overflow-y:auto}.sm-hint{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:15px 18px 7px}.sm-empty{padding:28px 18px;color:var(--muted);font-size:15px;text-align:center}.sm-row{display:flex;align-items:baseline;gap:12px;padding:13px 18px;text-decoration:none}.sm-row+.sm-row{border-top:1px solid var(--line)}.sm-row:hover{background:var(--soft)}.sm-row .sm-c{flex:none;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);min-width:64px}.sm-row .sm-t{flex:1;font-size:15.5px;font-weight:600;color:var(--ink);line-height:1.45}.sm-row .sm-d{flex:none;font-size:12.5px;color:var(--muted)}@media(max-width:560px){.sm-panel{margin-top:0;width:100vw;height:100%;border-radius:0;border:0}.sm-results{max-height:calc(100% - 64px)}.sm-row .sm-c{min-width:54px}.sm-row .sm-d{display:none}}