:root{--accent: #fec300;--accent-ink: #1a1a1a;--accent-text: #b88b00;--accent-hover: #ecb500;--accent-soft: #fff6da;--bg: #f5f5f5;--ink: #1f1f1f;--ink-body: #555555;--ink-soft: #616161;--ink-faint: #9b9b9b;--line: #ececec;--line-soft: #f1f1f1;--dark: #262321;--card-radius: 16px;--shadow: 0 1px 3px rgba(0, 0, 0, .05);--shadow-hover: 0 14px 32px rgba(0, 0, 0, .09);--shell: 1100px;--font-head: "DM Sans", -apple-system, "Segoe UI", "Noto Sans TC", "Noto Sans JP", Roboto, sans-serif;--font-body: -apple-system, "Segoe UI", "Noto Sans TC", "Noto Sans JP", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink-soft);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4{font-family:var(--font-head)}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dc-header{background:#fff;border-bottom:1px solid #ececec;position:sticky;top:0;z-index:40}.dc-header__inner{max-width:var(--shell);margin:0 auto;padding:0 24px;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.dc-logo{height:27px;width:auto;display:block}.dc-nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:flex-end}.dc-nav a{font-size:14.5px;font-weight:500;color:var(--ink-soft);transition:color .15s}.dc-nav a:hover{color:var(--ink)}.dc-nav a.is-active{font-weight:700;color:var(--accent-text)}.cta-pill{font-size:13.5px;font-weight:700;color:var(--accent-ink);background:var(--accent);padding:9px 18px;border-radius:999px;white-space:nowrap;box-shadow:0 4px 12px #fec30052;transition:background .15s}.cta-pill:hover{background:var(--accent-hover)}.dc-shell{max-width:var(--shell);margin:0 auto;padding:42px 24px 70px;display:flex;gap:44px;align-items:flex-start}.dc-main{flex:1;min-width:0}.dc-aside{width:288px;flex:none;display:flex;flex-direction:column;gap:22px}@media(max-width:900px){.dc-shell{flex-direction:column;gap:28px}.dc-aside{width:100%}}.list-head{margin-bottom:30px}.list-head h1{font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:0 0 8px}.list-head p{font-size:15px;color:#8c8c8c;margin:0}.feed{display:flex;flex-direction:column;gap:24px}.post-card{background:#fff;border-radius:var(--card-radius);padding:28px 32px 30px;box-shadow:var(--shadow);transition:box-shadow .2s}.post-card:hover{box-shadow:var(--shadow-hover)}.post-card__title{font-size:24px;line-height:1.34;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:0 0 12px;text-wrap:balance}.post-card__title a{transition:color .15s}.post-card__title a:hover,.cat-tag{color:var(--accent-text)}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;font-size:12.5px;color:var(--ink-faint);margin-bottom:18px}.meta__author{display:inline-flex;align-items:center;gap:7px}.avatar{width:22px;height:22px;border-radius:50%;background:#fff2cc;color:var(--accent-text);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:10px}.meta__name{color:var(--ink-soft);font-weight:600}.meta__cats{color:var(--accent-text);font-weight:600}.nowrap{white-space:nowrap}.ph-img{border-radius:12px;overflow:hidden;background:repeating-linear-gradient(135deg,#e9e9e9 0px 16px,#f4f4f4 16px 32px);display:flex;align-items:center;justify-content:center}.ph-img__label{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;color:#b3b3b3;letter-spacing:.03em;padding:0 18px;text-align:center}.ratio-3-2{aspect-ratio:3 / 2}.ratio-16-9{aspect-ratio:16 / 9}.cover-img{width:100%;height:100%;object-fit:cover}.post-card__media{margin-bottom:20px;cursor:pointer}.excerpt{font-size:15.5px;line-height:1.75;color:var(--ink-soft);margin:0}.readmore{color:var(--accent-text);font-weight:700;white-space:nowrap}.readmore:hover{text-decoration:underline}.pagination{display:flex;align-items:center;gap:7px;margin-top:34px;flex-wrap:wrap}.page-box{min-width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid #e6e6e6;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;padding:0 12px;transition:border-color .15s,color .15s}.page-box:hover{border-color:var(--accent);color:var(--accent-text)}.page-box.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.page-ellipsis{color:silver;padding:0 4px}.article-card{background:#fff;border-radius:var(--card-radius);padding:42px 48px;box-shadow:var(--shadow)}.breadcrumb{font-size:12.5px;color:var(--ink-faint);display:flex;gap:8px;align-items:center;margin-bottom:18px}.breadcrumb a{font-weight:600}.breadcrumb a:hover{color:var(--accent-text)}.breadcrumb__cat{color:var(--accent-text);font-weight:600}.article__title{font-size:32px;line-height:1.3;font-weight:800;letter-spacing:-.03em;color:var(--ink);margin:0 0 18px;text-wrap:balance}.article-meta{padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:30px}.article-hero{margin-bottom:34px}.prose p{font-size:16.5px;line-height:1.9;color:var(--ink-body);margin:0 0 22px}.prose h2{font-size:21px;line-height:1.4;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin:34px 0 16px}.prose h3{font-size:18px;font-weight:700;color:var(--ink);margin:26px 0 12px}.prose ul,.prose ol{font-size:16.5px;line-height:1.9;color:var(--ink-body);padding-left:1.3em;margin:0 0 22px}.prose li{margin:.2em 0}.prose img{border-radius:12px;margin:6px 0 26px}.prose strong{font-weight:700;color:var(--ink)}.prose blockquote{border-left:3px solid var(--accent);margin:0 0 22px;padding:.1em 1.1em;color:var(--ink-soft)}.prose table{width:100%;border-collapse:collapse;font-size:14.5px;margin:0 0 24px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}.prose th{background:#f7f7f7;font-weight:700;color:var(--ink)}.prose a{color:var(--accent-text);text-decoration:underline;text-underline-offset:2px}.prose a:hover{filter:brightness(.92)}.share{display:flex;align-items:center;gap:12px;margin:34px 0 0;padding-top:24px;border-top:1px solid var(--line)}.share__label{font-size:13.5px;font-weight:700;color:var(--ink-soft)}.share__row{display:flex;gap:8px}.share__btn{width:36px;height:36px;border-radius:50%;border:1px solid #e6e6e6;background:#fff;cursor:pointer;font-family:inherit;font-weight:700;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:border-color .15s,color .15s}.share__btn:hover{border-color:var(--accent);color:var(--accent-text)}.tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:24px}.tags__label{font-size:13px;font-weight:700;color:var(--ink-soft);margin-right:4px}.tag{font-size:12.5px;color:#7a7a7a;background:#f1f1f1;border-radius:999px;padding:5px 13px;transition:background .15s,color .15s}.tag:hover{background:var(--accent-soft);color:var(--accent-text)}.inline-cta{background:var(--accent-soft);border-radius:var(--card-radius);padding:26px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:22px}.inline-cta h3{font-size:19px;font-weight:700;color:var(--ink);margin:0 0 5px}.inline-cta p{font-size:13.5px;color:#8a7a4e;margin:0}.inline-cta__btn{font-size:14px;font-weight:700;color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:13px 26px;white-space:nowrap;box-shadow:0 4px 12px #fec30052;transition:background .15s}.inline-cta__btn:hover{background:var(--accent-hover)}.prevnext{display:flex;align-items:stretch;gap:16px;margin-top:22px}.prevnext__card{flex:1;background:#fff;border-radius:14px;padding:18px 20px;box-shadow:var(--shadow);transition:box-shadow .2s}.prevnext__card:hover{box-shadow:var(--shadow-hover)}.prevnext__card--next{text-align:right}.prevnext__label{font-size:12px;color:var(--ink-faint);font-weight:600;margin-bottom:6px}.prevnext__title{font-size:14px;font-weight:600;color:var(--ink-body);line-height:1.45}.widget-card{background:#fff;border-radius:14px;padding:22px;box-shadow:var(--shadow)}.search-card{padding:18px}.search-box{display:flex;align-items:center;gap:8px;background:#f5f5f5;border:1px solid #e7e7e7;border-radius:10px;padding:10px 13px}.search-box__icon{color:#bdbdbd;font-size:14px}.search-box input{flex:1;border:none;outline:none;background:none;font-family:inherit;font-size:14px;color:var(--ink);min-width:0}.widget__title{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 6px}.widget__bar{width:32px;height:3px;border-radius:999px;background:var(--accent);margin-bottom:8px}.widget__list{display:flex;flex-direction:column}.recent-item{font-size:13.5px;line-height:1.5;color:var(--ink-soft);padding:11px 0;border-bottom:1px solid var(--line-soft);transition:color .15s}.recent-item:hover{color:var(--accent-text)}.cat-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line-soft);color:var(--ink-soft);transition:color .15s}.cat-row:hover{color:var(--accent-text)}.cat-row__label{font-size:14px;font-weight:500}.cat-row__count{font-size:11.5px;color:var(--ink-faint)}.dark-cta{background:var(--dark);border-radius:var(--card-radius);padding:24px;color:#fff}.dark-cta h3{font-size:16.5px;font-weight:700;margin:0 0 7px}.dark-cta p{font-size:13px;line-height:1.65;color:#c7c2b8;margin:0 0 16px}.dark-cta__btn{display:block;text-align:center;font-size:13.5px;font-weight:700;color:var(--accent-ink);background:var(--accent);border-radius:10px;padding:12px;transition:background .15s}.dark-cta__btn:hover{background:var(--accent-hover)}.search-page__head{margin-bottom:22px}.search-page__field{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e7e7e7;border-radius:12px;padding:14px 18px;box-shadow:var(--shadow)}.search-page__field input{flex:1;border:none;outline:none;font-family:inherit;font-size:16px;color:var(--ink);min-width:0}.search-page__count{font-size:13.5px;color:var(--ink-faint);margin:16px 0}.dc-footer{background:var(--dark);color:#c7c2b8}.dc-footer__inner{max-width:var(--shell);margin:0 auto;padding:34px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.dc-footer__brand{display:flex;flex-direction:column;gap:10px}.dc-footer__logo{height:24px;width:auto;opacity:.92}.dc-footer__tag{font-size:13px;color:#a39c8e}.dc-footer__copy{font-size:12.5px;color:#87806f}.dc-footer__langs{display:flex;gap:14px}.dc-footer__langs a{font-size:12.5px;color:#a39c8e}.dc-footer__langs a:hover{color:var(--accent)}@media(max-width:600px){.article-card{padding:28px 22px}.post-card{padding:22px 20px 24px}.article__title{font-size:26px}}