:root{--ink:#090909;--ink-soft:#303030;--muted:#747474;--faint:#a5a5a5;--paper:#fff;--canvas:#f6f6f3;--line:#e7e7e2;--line-strong:#cfcfca;--focus:#585858;--success:#176b3a;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-float:0 12px 40px #0000001a;--page-pad:clamp(20px, 5vw, 32px);--content:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,sans-serif}body,button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{color:var(--paper);background:var(--ink)}.app-shell{min-height:100dvh}.site-header{width:min(100%, var(--content));height:76px;padding:0 var(--page-pad);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:15px;font-weight:750;display:inline-flex}.brand-mark{width:32px;height:32px}.header-actions{align-items:center;gap:18px;display:flex}.header-edition{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;flex-direction:column;align-items:flex-end;font-size:10px;font-weight:650;line-height:1.4;display:flex}.language-switcher{border:1px solid var(--line);background:var(--canvas);border-radius:999px;grid-template-columns:repeat(2,auto);gap:2px;padding:3px;display:inline-grid}.language-switcher button{min-width:38px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;font-size:11px;font-weight:700;transition:color .16s,background .16s}.language-switcher button.is-active{color:var(--paper);background:var(--ink)}.language-switcher button:disabled{cursor:wait;opacity:.65}.page-container{width:min(100%, var(--content));padding:0 var(--page-pad) 120px;margin:0 auto}.hero{padding:64px 0 44px}.eyebrow,.section-kicker{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.hero h1{letter-spacing:-.065em;max-width:780px;margin:14px 0 24px;font-size:clamp(42px,8vw,80px);font-weight:690;line-height:.98}.hero-copy{max-width:560px;color:var(--ink-soft);margin:0;font-size:17px;line-height:1.75}.discovery{border-top:1px solid var(--ink);margin-bottom:56px;padding-top:18px;position:relative}.search-form{background:var(--canvas);border-radius:var(--radius-md);border:1px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;height:58px;padding:0 18px;transition:border-color .18s,background .18s;display:grid}.search-form:focus-within{background:var(--paper);border-color:var(--ink)}.search-submit{width:28px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.search-submit svg{width:20px}.search-form input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.search-form input::placeholder{color:var(--faint)}.clear-query{background:var(--line);cursor:pointer;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid}.clear-query svg{width:15px}.filter-row,.filter-chips{scrollbar-width:none;gap:8px;padding:14px 0 4px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-chips::-webkit-scrollbar{display:none}.filter-row button,.filter-chips button{border:1px solid var(--line);background:var(--paper);min-height:34px;color:var(--ink-soft);cursor:pointer;border-radius:999px;flex:none;padding:7px 14px;font-size:13px;transition:color .16s,background .16s,border-color .16s,transform .16s}.filter-row button:hover,.filter-chips button:hover{border-color:var(--line-strong);transform:translateY(-1px)}.filter-row button.is-active,.filter-chips button.is-active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.more-filters{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:14px;padding:0;font-size:12px;font-weight:650;display:inline-flex}.more-filters svg{width:15px}.filter-panel{background:var(--canvas);border-radius:var(--radius-md);margin-top:16px;padding:18px}.filter-group+.filter-group{margin-top:16px}.filter-group>p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:11px;font-weight:700}.filter-chips{flex-wrap:wrap;overflow:visible}.reset-filters{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid;margin-top:16px;padding:0 0 2px;font-size:12px}.edition+.edition{margin-top:76px}.edition-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;margin-bottom:20px;padding-bottom:14px;display:flex}.edition-header p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:10px;font-weight:700}.edition-header h2{letter-spacing:-.045em;margin:0;font-size:clamp(25px,4vw,34px);font-weight:680}.edition-header>span{color:var(--muted);font-size:12px}.recommendations{gap:0;display:grid}.pick-card{color:var(--paper);background:var(--ink);border-radius:var(--radius-lg);padding:clamp(24px,5vw,44px);position:relative;overflow:hidden}.pick-card:after{content:"";aspect-ratio:1;pointer-events:none;border:1px solid #ffffff24;border-radius:50%;width:70%;position:absolute;bottom:-35%;right:-20%}.pick-card-topline{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.pick-label{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:720;display:inline-flex}.pick-label svg{width:15px}.pick-rank{color:#ffffff6b;letter-spacing:.12em;margin-top:50px;font-size:12px;font-weight:700}.pick-title{z-index:1;max-width:760px;margin-top:12px;display:block;position:relative}.pick-title h3{letter-spacing:-.055em;margin:0;font-size:clamp(31px,7vw,56px);font-weight:620;line-height:1.02}.pick-title p{color:#ffffffad;margin:14px 0 0;font-size:clamp(16px,3vw,21px);line-height:1.45}.article-source{color:var(--muted);margin:18px 0 0;font-size:12px}.pick-card .article-source{color:#ffffff85}.tag-list{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.tag-list span{background:var(--canvas);color:var(--ink-soft);border-radius:999px;padding:5px 9px;font-size:10px;font-weight:650}.inverse-tags span{color:#ffffffb8;background:#ffffff1a}.pick-reason{z-index:1;border-top:1px solid #ffffff2e;max-width:720px;margin-top:36px;padding-top:22px;position:relative}.pick-reason p{color:#ffffff7a;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:700}.pick-reason strong{font-size:15px;font-weight:450;line-height:1.8}.score-grid{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:32px;display:grid;position:relative}.score-grid div{flex-direction:column;gap:4px;display:flex}.score-grid span{color:#ffffff73;font-size:10px}.score-grid strong{letter-spacing:-.04em;font-size:24px;font-weight:520}.pick-read-link{z-index:1;border-bottom:1px solid #ffffff80;align-items:center;gap:8px;margin-top:34px;padding-bottom:3px;font-size:12px;font-weight:650;display:inline-flex;position:relative}.pick-read-link svg{width:15px}.save-button{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-width:38px;height:38px;padding:0 10px;transition:transform .16s,background .16s;display:inline-flex}.save-button:hover{background:var(--canvas);transform:translateY(-1px)}.save-button svg{width:17px}.save-button span{font-size:12px;font-weight:650}.save-button.is-saved{color:var(--ink)}.save-button.is-inverse{color:var(--paper);background:#ffffff14;border-color:#ffffff2e}.save-button.is-inverse:hover{background:#ffffff26}.save-button:disabled{cursor:wait;opacity:.55}.standard-card{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,1fr);gap:8px;padding:30px 0;display:grid}.standard-rank{color:var(--faint);letter-spacing:.1em;padding-top:4px;font-size:11px;font-weight:700}.standard-main{min-width:0}.standard-title-row{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.standard-title-row a{min-width:0}.standard-title-row h3{letter-spacing:-.04em;margin:0;font-size:clamp(21px,4vw,28px);font-weight:630;line-height:1.18;transition:opacity .16s}.standard-title-row a:hover h3{opacity:.58}.standard-title-row a>p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.5}.learning-line{border-top:1px dashed var(--line);grid-template-columns:78px minmax(0,1fr);gap:12px;margin-top:20px;padding-top:16px;display:grid}.learning-line span{color:var(--muted);letter-spacing:.06em;font-size:10px;font-weight:700}.learning-line p{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.65}.saved-heading{padding:60px 0 36px}.saved-heading h1{letter-spacing:-.07em;margin:10px 0;font-size:clamp(48px,10vw,82px);line-height:1}.saved-heading>p:last-child{color:var(--muted);margin:0;font-size:14px}.empty-state{text-align:center;background:var(--canvas);border-radius:var(--radius-lg);margin:30px 0;padding:80px 24px}.empty-state svg{width:28px;color:var(--muted)}.empty-state h2{letter-spacing:-.04em;margin:18px 0 8px;font-size:22px}.empty-state p{max-width:360px;color:var(--muted);margin:0 auto;font-size:14px;line-height:1.7}.empty-state a{border-bottom:1px solid var(--ink);margin-top:22px;padding-bottom:3px;font-size:13px;font-weight:650;display:inline-block}.bottom-nav{z-index:50;left:50%;bottom:max(12px, env(safe-area-inset-bottom));width:min(100% - 32px,340px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #00000014;border-radius:18px;grid-template-columns:repeat(2,1fr);padding:5px;display:grid;position:fixed;transform:translate(-50%)}.bottom-nav a{height:52px;color:var(--muted);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.bottom-nav a svg{width:18px}.bottom-nav a.is-active{color:var(--paper);background:var(--ink)}.detail-page{width:min(100%, var(--content));padding:0 var(--page-pad) 140px;margin:0 auto}.detail-topbar{justify-content:space-between;align-items:center;height:74px;display:flex}.back-link{color:var(--muted);align-items:center;gap:7px;font-size:12px;font-weight:650;display:inline-flex}.back-link svg{width:17px}.detail-hero{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:56px 0 64px}.detail-meta-top{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:14px;font-size:10px;font-weight:700;display:flex}.detail-meta-top span{align-items:center;gap:5px;display:inline-flex}.detail-meta-top svg{width:13px}.detail-meta-top .demo-badge{color:var(--paper);background:var(--ink);border-radius:5px;padding:5px 8px}.detail-hero h1{letter-spacing:-.065em;max-width:900px;margin:26px 0 0;font-size:clamp(42px,8vw,78px);font-weight:670;line-height:.99}.detail-title-zh{max-width:760px;color:var(--ink-soft);letter-spacing:-.03em;margin:22px 0 0;font-size:clamp(20px,3.5vw,30px);line-height:1.4}.detail-byline{color:var(--muted);margin:30px 0 0;font-size:12px}.detail-tags{margin-top:18px}.detail-layout{grid-template-columns:minmax(0,720px) minmax(220px,280px);justify-content:space-between;gap:72px;padding-top:72px;display:grid}.detail-content{min-width:0}.why-block,.content-section,.takeaway-block,.feedback-block{border-bottom:1px solid var(--line);margin-bottom:52px;padding:0 0 52px}.why-block h2,.content-section h2,.takeaway-block h2,.feedback-block h2{letter-spacing:-.045em;margin:12px 0 18px;font-size:clamp(25px,4vw,36px)}.why-block>p:last-child,.content-section>p:last-child,.takeaway-block>p:last-child{color:var(--ink-soft);white-space:pre-line;margin:0;font-size:17px;line-height:1.95}.why-block>p:last-child{color:var(--ink);font-size:20px;line-height:1.8}.content-section.is-emphasized{background:var(--canvas);border-radius:var(--radius-md);border:0;margin-left:-22px;margin-right:-22px;padding:28px 22px 34px}.learning-block{color:var(--paper);background:var(--ink);border-radius:var(--radius-lg);margin:8px 0 64px;padding:clamp(26px,6vw,44px)}.learning-heading{border-bottom:1px solid #ffffff29;align-items:flex-start;gap:16px;padding-bottom:28px;display:flex}.learning-heading>svg{width:22px}.learning-heading p{color:#ffffff7a;letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:700}.learning-heading h2{letter-spacing:-.045em;margin:0;font-size:30px}.learning-item{border-bottom:1px solid #ffffff1f;grid-template-columns:130px minmax(0,1fr);gap:20px;padding:26px 0;display:grid}.learning-item:last-child{border-bottom:0;padding-bottom:0}.learning-item span{color:#ffffff7a;letter-spacing:.06em;font-size:11px;font-weight:700}.learning-item p{color:#ffffffe0;margin:0;font-size:15px;line-height:1.8}.feedback-block>p:nth-of-type(2){color:var(--muted);font-size:13px}.feedback-options{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.feedback-options button{border:1px solid var(--line-strong);background:var(--paper);cursor:pointer;border-radius:999px;min-height:40px;padding:9px 15px;font-size:13px}.feedback-options button.is-selected{color:var(--paper);background:var(--ink);border-color:var(--ink)}.feedback-options button:disabled{opacity:.55;cursor:wait}.detail-aside{background:var(--canvas);border-radius:var(--radius-md);align-self:start;padding:22px;position:sticky;top:24px}.detail-aside>p{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px;font-size:10px;font-weight:700}.aside-scores{gap:12px;display:grid}.aside-scores div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-bottom:11px;display:flex}.aside-scores span{color:var(--muted);font-size:12px}.aside-scores strong{letter-spacing:-.04em;font-size:21px;font-weight:580}.original-link{height:48px;color:var(--paper);background:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:22px;font-size:13px;font-weight:700;display:flex}.original-link svg{width:16px}.detail-aside>span{color:var(--muted);margin-top:12px;font-size:10px;line-height:1.5;display:block}.mobile-original-bar{display:none}.loading-page{padding-top:72px}.skeleton{background:linear-gradient(90deg, var(--canvas), #ededeb, var(--canvas));border-radius:var(--radius-md);background-size:220% 100%;animation:1.4s linear infinite shimmer}.skeleton-heading{width:70%;height:150px}.skeleton-search{height:58px;margin-top:48px}.skeleton-card{height:470px;margin-top:56px}.skeleton-row{height:130px;margin-top:12px}@keyframes shimmer{to{background-position:-220% 0}}.route-error{text-align:center;padding-top:100px}.route-error h1{letter-spacing:-.06em;margin:12px 0;font-size:clamp(36px,8vw,64px)}.route-error>p:not(.eyebrow){color:var(--muted)}.route-error button,.route-error a{color:var(--paper);background:var(--ink);cursor:pointer;border:0;border-radius:999px;margin-top:24px;padding:13px 20px;font-size:13px;font-weight:650;display:inline-block}.mobile-only{display:none}@media (max-width:760px){.site-header{height:66px}.header-edition{display:none}.header-actions{gap:0}.language-switcher button{min-width:34px;height:26px;padding:0 8px;font-size:10px}.hero{padding:46px 0 34px}.hero h1{font-size:clamp(40px,12vw,54px)}.mobile-only{display:block}.hero-copy{font-size:15px;line-height:1.7}.discovery{margin-bottom:46px}.edition+.edition{margin-top:60px}.pick-card{border-radius:20px}.pick-rank{margin-top:38px}.standard-card{grid-template-columns:34px minmax(0,1fr);padding:26px 0}.standard-title-row{gap:10px}.standard-title-row .save-button{min-width:34px;height:34px;padding:0}.learning-line{grid-template-columns:1fr;gap:7px}.detail-hero{padding:42px 0 48px}.detail-layout{padding-top:52px;display:block}.detail-aside{display:none}.why-block,.content-section,.takeaway-block,.feedback-block{margin-bottom:40px;padding-bottom:40px}.content-section.is-emphasized{margin-left:0;margin-right:0}.learning-item{grid-template-columns:1fr;gap:9px}.mobile-original-bar{z-index:45;left:16px;right:16px;bottom:calc(82px + env(safe-area-inset-bottom));display:block;position:fixed}.mobile-original-bar a{height:52px;color:var(--paper);background:var(--ink);box-shadow:var(--shadow-float);border:1px solid #ffffff24;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.mobile-original-bar svg{width:16px}}@media (min-width:900px){.recommendations{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);column-gap:34px}.pick-card{grid-row:span 2}.standard-card{grid-column:2;align-content:start}.standard-card:nth-child(2){padding-top:6px}.standard-card:last-child{border-bottom-color:var(--ink)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}