@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;600;700&display=swap";:root{--ink:#101010;--muted:#666;--line:#ececec;--soft:#f7f7f5;--accent:#d9ff55;--accent-ink:#243000}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#fff}body{color:var(--ink);background:#fff;margin:0;font-family:Inter,Arial,sans-serif}body.modal-open{overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.page-shell{width:min(1200px,100% - 40px);margin:0 auto;padding:30px 0 36px}.model-minimax-h3{--accent:#ffbe9d;--accent-ink:#5f210d}.model-nav{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #dcdcdcd1;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:58px;margin-bottom:70px;padding:8px 10px 8px 18px;display:grid;position:sticky;top:14px;box-shadow:0 10px 35px #0000000d}.model-nav a{font-size:11px;font-weight:600;text-decoration:none}.model-nav>a:last-child{justify-self:end;padding:10px}.library-brand{letter-spacing:.1em;text-transform:uppercase}.model-nav>div{background:#f1f1ef;border-radius:13px;gap:5px;padding:4px;display:flex}.model-nav button{color:#777;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 15px;font-size:12px;font-weight:600;display:flex}.model-nav button small{color:#999;font-size:9px}.model-nav button.active{color:#fff;background:#111;box-shadow:0 3px 12px #00000029}.model-nav button.active small{color:var(--accent)}.hero{padding-bottom:64px}.blog-badge{color:#666;background:#f4f4f4;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.hero h1{letter-spacing:-3px;margin:22px 0 18px;font:500 clamp(48px,6vw,76px)/.98 Outfit,sans-serif}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.hero-bottom p{color:#666;opacity:.86;max-width:620px;margin:0;font-size:18px;font-weight:500;line-height:1.65}.all-posts{color:#fff;white-space:nowrap;background:#111;border-radius:40px;justify-content:center;align-items:center;min-height:48px;padding:0 24px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .25s;display:inline-flex}.all-posts:hover{transform:scale(1.02)}.metric-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:48px;display:grid}.metric-strip div{border-right:1px solid var(--line);flex-direction:column;gap:3px;padding:20px 18px;display:flex}.metric-strip div:first-child{padding-left:0}.metric-strip div:last-child{border-right:0}.metric-strip strong{letter-spacing:-1px;font:600 30px/1 Outfit,sans-serif}.metric-strip span{color:#777;font-size:12px}.eyebrow{color:#777;letter-spacing:.13em;font-size:11px;font-weight:600}.section-intro h2,.library-heading h2{letter-spacing:-1.8px;margin:10px 0 0;font:500 clamp(34px,4vw,52px)/1.05 Outfit,sans-serif}.learning-map{border-bottom:1px solid var(--line);padding:74px 0}.learning-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px;display:grid}.learning-tier{border:1px solid var(--line);border-radius:20px;flex-direction:column;min-height:250px;padding:26px;display:flex}.learning-tier>span{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.learning-tier>strong{letter-spacing:-.5px;margin-top:24px;font:600 24px/1.15 Outfit,sans-serif}.learning-tier p{color:#666;font-size:14px;line-height:1.65}.learning-tier small{margin-top:auto;font-weight:600}.tier-0{color:#fff;background:#111;border-color:#111}.tier-0 p{color:#bbb}.tier-0 small{color:var(--accent)}.tier-1{background:color-mix(in srgb,var(--accent) 18%,#fff)}.tier-1 small{color:var(--accent-ink)}.tier-2{background:#f6f6f6}.featured-card{background:#fcfcfc;border:1px solid #f0f0f0;border-radius:20px;grid-template-columns:1fr 1fr;min-height:540px;margin:74px 0;display:grid;overflow:hidden}.featured-content{flex-direction:column;padding:58px;display:flex}.featured-content>div:first-child{align-items:center;gap:12px;display:flex}.must-read{color:#fff;background:#111;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.source-label{color:#7a7a7a;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.featured-content h2{letter-spacing:-1.8px;margin:28px 0 18px;font:500 clamp(36px,4vw,52px)/1.02 Outfit,sans-serif}.featured-content>p{color:#666;margin:0;font-size:17px;line-height:1.65}.featured-focus{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:7px;margin:28px 0;padding:18px 0;display:flex}.featured-focus span{color:#888;text-transform:uppercase;letter-spacing:.08em;font-size:11px}.featured-focus strong{font-size:14px;line-height:1.5}.featured-footer{justify-content:space-between;align-items:center;gap:14px;margin-top:auto;display:flex}.featured-footer button,.detail-link{text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.category-badge{color:#fff;white-space:nowrap;background:#111;border-radius:20px;align-items:center;padding:5px 12px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.video-frame{aspect-ratio:16/10;isolation:isolate;background:#111;border-radius:20px;position:relative;overflow:hidden}.video-frame-featured{aspect-ratio:auto;border-radius:0;height:100%}.video-frame video{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.33,1,.68,1);display:block}.video-open{cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.video-overlay{opacity:0;background:#00000040;transition:opacity .4s;position:absolute;inset:0}.corner{opacity:.8;width:12px;height:12px;position:absolute}.corner-tl{border-top:1.5px solid #fff;border-left:1.5px solid #fff;top:15px;left:15px}.corner-tr{border-top:1.5px solid #fff;border-right:1.5px solid #fff;top:15px;right:15px}.corner-bl{border-bottom:1.5px solid #fff;border-left:1.5px solid #fff;bottom:15px;left:15px}.corner-br{border-bottom:1.5px solid #fff;border-right:1.5px solid #fff;bottom:15px;right:15px}.video-frame:hover video{transform:scale(1.08)}.video-frame:hover .video-overlay{opacity:1}.preview-label{z-index:3;color:#fff;text-shadow:0 1px 8px #000;pointer-events:none;font-size:10px;font-weight:600;position:absolute;bottom:14px;left:16px}.video-fallback{z-index:5;color:#fff;text-align:center;background:#151515;place-items:center;padding:24px;font-size:13px;text-decoration:none;display:grid;position:absolute;inset:0}.library{padding:0 0 74px;scroll-margin-top:100px}.library-heading{justify-content:space-between;align-items:end;gap:40px;display:flex}.library-heading p{color:#777;max-width:500px;margin:0;font-size:14px;line-height:1.6}.filters{background:#f7f7f5;border-radius:18px;grid-template-columns:minmax(230px,1.4fr) repeat(3,minmax(135px,.72fr));align-items:end;gap:12px;margin-top:34px;padding:16px;display:grid}.search-box,.filter-select{flex-direction:column;gap:7px;display:flex}.search-box span,.filter-select span{color:#777;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:600}.search-box input,.filter-select select{color:#222;background:#fff;border:1px solid #e3e3e0;border-radius:12px;outline:none;width:100%;height:44px;padding:0 12px}.search-box input:focus,.filter-select select:focus{border-color:#999}.filter-group{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.filter-group button{cursor:pointer;background:#fff;border:1px solid #e2e2df;border-radius:12px;height:40px;padding:0 14px;font-size:12px;font-weight:600}.filter-group button.active{color:#fff;background:#111;border-color:#111}.result-row{color:#888;justify-content:space-between;padding:18px 2px 14px;font-size:11px;display:flex}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 25px;display:grid}.case-card{min-width:0}.card-meta-row{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.priority{white-space:nowrap;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex}.priority-必看{color:#fff;background:#111}.priority-重点学习{background:color-mix(in srgb,var(--accent) 45%,#fff);color:var(--accent-ink)}.priority-扩展观察{color:#555;background:#ededed}.card-title-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:12px;display:flex}.card-title-row h3{letter-spacing:-.25px;max-width:82%;margin:0;font:600 18px/1.25 Outfit,sans-serif}.score-badge{color:#555;border:1px solid #dedede;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font:600 11px Outfit,sans-serif;display:grid}.taxonomy-row{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.content-badge,.visual-badge,.technique-chip{border:1px solid #e2e2e2;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:600;display:inline-flex}.content-badge{color:#fff;background:#111;border-color:#111}.visual-badge{color:#333}.technique-chip{color:#666;background:#f7f7f5;border-color:#f0f0ed}.card-focus{color:#777;min-height:56px;margin:10px 0 12px;font-size:12px;line-height:1.55}.detail-link{font-size:12px}.card-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.duplicate-note{color:#8a6a00;font-size:9px;font-weight:600}.load-more{cursor:pointer;background:#fff;border:1px solid #111;border-radius:30px;min-width:180px;height:48px;margin:42px auto 0;font-weight:600;display:block}.load-more:hover{color:#fff;background:#111}.empty-state{text-align:center;color:#888;background:#fafafa;border-radius:20px;padding:70px 20px}.analysis-roadmap{border-top:1px solid var(--line);padding:74px 0}.analysis-roadmap>p{color:#777;max-width:720px;line-height:1.6}.analysis-grid{background:#e9e9e9;border:1px solid #e9e9e9;border-radius:18px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:28px;display:grid;overflow:hidden}.analysis-grid div{background:#fff;grid-template-columns:auto 1fr;align-content:start;gap:12px;min-height:120px;padding:22px;display:grid}.analysis-grid span{color:#aaa;font-size:11px}.analysis-grid strong{font:600 17px Outfit,sans-serif}.analysis-grid small{color:#999;grid-column:2}footer{border-top:1px solid var(--line);color:#777;justify-content:space-between;padding-top:28px;font-size:11px;display:flex}footer a{text-decoration:none}.modal-shell{z-index:100;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;border:0;position:absolute;inset:0}.modal-panel{background:#fff;border-radius:22px;width:min(1180px,100%);max-height:calc(100vh - 48px);position:relative;overflow:auto;box-shadow:0 30px 100px #00000061}.modal-topbar{z-index:3;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex;position:sticky;top:0}.modal-topbar>div{align-items:center;gap:10px;display:flex}.modal-source{color:#777;font-size:11px}.close-button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50%;width:38px;height:38px;font-size:25px;line-height:1}.modal-grid{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);display:grid}.modal-media{align-self:start;padding:18px;position:sticky;top:67px}.modal-media video{object-fit:contain;background:#050505;border-radius:16px;width:100%;max-height:calc(100vh - 170px)}.modal-links{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.modal-links a{background:#f2f2f2;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:600;text-decoration:none}.modal-content{min-width:0;padding:42px 42px 50px 24px}.modal-content h2{letter-spacing:-1.3px;margin:12px 0 16px;font:500 42px/1.04 Outfit,sans-serif}.modal-description{color:#666;line-height:1.65}.learning-callout{background:#f4f7e9;border-radius:14px;flex-direction:column;gap:7px;margin:24px 0;padding:18px;display:flex}.learning-callout span{color:#6b744b;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.learning-callout strong{font-size:13px;line-height:1.55}.analysis-dimensions{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.analysis-dimensions div{border:1px solid #ececec;border-radius:12px;flex-direction:column;gap:5px;min-height:92px;padding:13px;display:flex}.analysis-dimensions span,.technique-block>span,.watch-block>span,.source-cluster>span{color:#888;text-transform:uppercase;letter-spacing:.07em;font-size:10px}.analysis-dimensions strong{font-size:13px}.analysis-dimensions small{color:#999;margin-top:auto;font-size:9px;line-height:1.4}.technique-block{flex-direction:column;gap:8px;display:flex}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.tag-list span{color:#666;border:1px solid #e3e3e3;border-radius:20px;padding:6px 9px;font-size:10px}.prompt-stats{background:#e9e9e9;border:1px solid #e9e9e9;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:1px;margin:20px 0 10px;display:grid;overflow:hidden}.prompt-stats div{text-align:center;background:#fff;flex-direction:column;gap:4px;padding:12px 8px;display:flex}.prompt-stats strong{font:600 18px Outfit,sans-serif}.prompt-stats span{color:#999;font-size:9px}.boolean-row{flex-wrap:wrap;gap:6px;display:flex}.boolean-row span{border-radius:20px;padding:5px 9px;font-size:9px;font-weight:600}.boolean-row .yes{color:#254000;background:#e9f5cf}.boolean-row .no{color:#999;background:#f1f1f1;text-decoration:line-through}.watch-block{background:#fff7e8;border-radius:14px;margin-top:20px;padding:16px}.watch-block ul{color:#76644d;margin:9px 0 0;padding-left:18px;font-size:11px;line-height:1.55}.source-cluster{background:#fffdf5;border:1px solid #eee1b4;border-radius:14px;flex-wrap:wrap;align-items:center;gap:7px;margin-top:18px;padding:16px;display:flex}.source-cluster>span{flex-basis:100%}.source-cluster strong{font-size:12px}.source-cluster small{color:#907f51;flex-basis:100%}.source-cluster a{color:#6e5c25;background:#fff;border-radius:20px;padding:6px 9px;font-size:9px;font-weight:600;text-decoration:none}.prompt-heading{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.prompt-heading>div{flex-direction:column;gap:3px;display:flex}.prompt-heading span{font-weight:600}.prompt-heading small{color:#999}.prompt-heading button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:20px;padding:8px 13px;font-size:11px;font-weight:600}.prompt-box{white-space:pre-wrap;word-break:break-word;background:#f8f8f6;border:1px solid #e8e8e8;border-radius:14px;max-height:520px;margin:12px 0 0;padding:18px;font:400 12px/1.7 Inter,sans-serif;overflow:auto}.load-state{text-align:center;place-content:center;gap:14px;min-height:100vh;display:grid}.load-state h1,.load-state p{margin:0}.load-state p{color:#777}.loader{border:2px solid #ddd;border-top-color:#111;border-radius:50%;width:28px;height:28px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1024px){.featured-card{grid-template-columns:1fr}.video-frame-featured{aspect-ratio:16/9}.featured-content{padding:40px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-grid{grid-template-columns:1fr 1fr}.learning-tier:last-child{grid-column:1/-1}.filters{grid-template-columns:1fr 1fr}.filter-group{grid-column:1/-1}.modal-grid{grid-template-columns:1fr}.modal-media{position:relative;top:auto}.modal-content{padding:24px 28px 42px}.modal-media video{max-height:55vh}}@media (width<=768px){.page-shell{width:min(100% - 28px,1200px);padding-top:14px}.model-nav{grid-template-columns:1fr auto;margin-bottom:48px;padding-left:12px;top:8px}.library-brand{display:none}.model-nav>div{justify-self:start}.model-nav button{padding:0 10px}.hero h1{letter-spacing:-2px;font-size:48px}.hero-bottom,.library-heading{flex-direction:column;align-items:flex-start}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip div:nth-child(2){border-right:0}.metric-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.learning-grid,.case-grid,.analysis-grid{grid-template-columns:1fr}.learning-tier:last-child{grid-column:auto}.featured-card{margin:54px 0}.featured-content{padding:30px 24px}.featured-content h2{font-size:32px}.filters{grid-template-columns:1fr}.filter-group{grid-column:auto}.result-row{gap:18px}.result-row span:last-child{text-align:right}.modal-shell{padding:0}.modal-panel{border-radius:0;height:100%;max-height:100vh}.modal-content h2{font-size:32px}.modal-content{padding:24px 18px 38px}.modal-media{padding:12px}.analysis-dimensions{grid-template-columns:1fr}.prompt-stats{grid-template-columns:1fr 1fr}.analysis-grid{background:0 0;border:0;gap:8px}.analysis-grid div{border:1px solid var(--line);border-radius:12px}footer{gap:20px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}