/* Scoped to SEO; paper, blue ink and the original portfolio fonts. */
html.seo-reading-strategy{scroll-snap-type:none}
.seo-page #chapter-1{border-top:1px solid var(--line);padding-bottom:85px}.seo-page #chapter-2{justify-content:flex-start;border-bottom:0;scroll-snap-stop:normal}
.seo-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.seo-brief{margin:0;display:grid;gap:19px}.seo-brief>div{display:grid;grid-template-columns:70px 1fr;gap:16px}.seo-brief dt{font-size:11px;color:var(--blue)}.seo-brief dd{margin:0;font-size:13px;line-height:2;color:var(--muted)}
.seo-search-scene{position:relative;min-width:0;min-height:355px;padding:65px 0 24px}.seo-desk-note{position:absolute;top:8px;left:18px;color:var(--blue);font-size:24px;transform:rotate(-3deg)}.seo-search{position:relative;z-index:2;display:flex;border:1.5px solid var(--blue);border-radius:35px;align-items:center;background:#fffef9;box-shadow:5px 6px 0 #dce5fa;min-height:62px;padding:6px 8px 6px 23px}.seo-query{font-size:clamp(13px,1.55vw,20px);flex:1;white-space:nowrap}.seo-search button{width:46px;height:46px;background:var(--blue);color:white;border-radius:50%;display:grid;place-items:center;transition:transform .25s}.seo-search button:hover{transform:rotate(-10deg)}.seo-search svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.5}.seo-caret{display:inline-block;height:1.1em;border-right:1.5px solid var(--blue);vertical-align:-.15em;margin-left:6px;animation:seo-blink 1s step-end infinite}.is-searched .seo-caret{animation:none;opacity:0}.seo-thoughts{display:grid;grid-template-columns:1fr 1fr;gap:18px 12px;padding:28px 4px 18px}.seo-thoughts p{position:relative;background:#ebf0fc;border:1px solid #a9bff0;border-radius:28px;padding:13px 18px;font-size:13px;color:var(--blue);opacity:0;transform:translateY(12px) scale(.95);transition:opacity .65s,transform .65s;transition-delay:calc(var(--order)*.3s)}.seo-thoughts p:first-child{grid-column:1/-1;justify-self:start}.seo-thoughts p::before{content:'';position:absolute;top:-7px;left:25px;width:12px;height:12px;background:#ebf0fc;border-left:1px solid #a9bff0;border-top:1px solid #a9bff0;transform:rotate(45deg)}.seo-thoughts p[hidden]{display:none}.is-searched .seo-thoughts p{opacity:1;transform:none;animation:seo-float 5s ease-in-out infinite;animation-delay:calc(1.5s + var(--order)*.7s)}.seo-search-invitation{font-size:11px;color:var(--muted);display:block;padding-left:12px}
.seo-core-insight{margin-top:40px;border-left:2px solid var(--blue);padding:14px 25px;max-width:910px}.seo-core-insight>span{font:10px var(--typewriter);letter-spacing:.1em;color:var(--blue)}.seo-core-insight>p{font:28px/1.6 var(--serif);margin:12px 0}.seo-core-insight>div{font-size:13px;line-height:2;color:var(--muted)}.seo-relationship{display:flex;gap:32px;flex-wrap:wrap;margin-top:25px;font-size:10px;color:var(--muted)}.seo-relationship b{font-weight:400;color:var(--ink);margin-left:12px}
.seo-strategy-lead{color:var(--muted);font-size:14px;line-height:2;margin-bottom:58px}.seo-research-desk{display:grid;grid-template-columns:minmax(235px,.77fr) minmax(0,1.5fr);gap:8%;align-items:start;position:relative}.seo-folder{position:sticky;top:115px;margin-top:28px;padding:17px 12px 15px;background:#c6d5f5;border:1px solid #8ea9e5;border-radius:0 8px 10px 10px;box-shadow:5px 7px 0 #a6bbe43b;transform:rotate(-1deg);z-index:4}.seo-folder-tab{position:absolute;left:-1px;top:-28px;background:#c6d5f5;border:1px solid #8ea9e5;border-bottom:0;border-radius:9px 9px 0 0;font:9px/1 var(--typewriter);padding:10px 18px;letter-spacing:.08em}.seo-folder-sheet{background:#fffdf5;padding:25px 19px 18px;box-shadow:0 3px 8px #5974aa19;min-height:390px;background-image:repeating-linear-gradient(transparent,transparent 30px,#97aed411 31px)}.seo-folder-heading{display:flex;justify-content:space-between;gap:10px;font:12px/1.6 var(--typewriter);letter-spacing:.05em}.seo-progress{color:var(--blue);white-space:nowrap}.seo-folder-sheet>p{font-size:20px;color:var(--blue);margin:15px 0 20px}.seo-checks{padding:0;list-style:none;margin:0}.seo-checks>li{display:flex;align-items:center;gap:9px;position:relative;min-height:46px;font-size:13px;line-height:1.6}.seo-checks .seo-check-group{font-size:12px;padding-top:14px;min-height:40px}.seo-checks .seo-subtask{padding-left:21px;min-height:39px;font-size:12px}.seo-check-box{width:19px;height:19px;flex:0 0 19px;border:1px solid #a1a89b;border-radius:2px;position:relative}.seo-check-box svg{position:absolute;width:29px;height:28px;left:-4px;top:-9px;fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;transition:stroke-dashoffset .65s}.is-checked .seo-check-box svg{stroke-dashoffset:0}.seo-check-status{position:absolute;opacity:0;pointer-events:none}.is-checked>.seo-check-box+span{color:var(--blue)}.seo-folder-bottom{margin-top:25px;position:relative;padding-top:12px;border-top:1px dashed #c7cbbb;min-height:48px}.seo-folder-bottom>span{font:8px/1.6 var(--typewriter);color:var(--muted)}.seo-done-stamp{position:absolute;right:-4px;bottom:-2px;border:2px solid var(--blue);color:var(--blue);font:11px var(--typewriter);padding:6px;transform:rotate(-12deg) scale(1.2);opacity:0;transition:opacity .6s,transform .6s}.is-complete .seo-done-stamp{opacity:.8;transform:rotate(-12deg) scale(1)}.seo-folder-clip{position:absolute;right:15px;top:-8px;width:14px;height:43px;border:2px solid #707b89;border-radius:9px;transform:rotate(10deg)}
.seo-materials{min-width:0}.seo-material{padding:0 0 110px;scroll-margin-top:130px}.seo-material-heading{margin-bottom:30px}.seo-material-heading>span{font:10px/1.5 var(--typewriter);letter-spacing:.08em;color:var(--blue)}.seo-material-heading h3{font:34px/1.5 var(--serif);margin-top:10px}.seo-paper{position:relative;background:white;padding:13px;border:1px solid #d7d9cf;box-shadow:6px 9px 18px #383d2312;transform:rotate(.8deg)}.seo-paper img{display:block;width:100%}.seo-research-board{position:relative;margin:25px 10px 30px}.seo-research-tag{position:absolute;background:var(--blue);color:white;font-size:11px;padding:5px 12px;box-shadow:3px 3px 0 #b9c9f1;animation:seo-float 6s ease-in-out infinite}.seo-tag-a{top:-17px;right:4px;transform:rotate(3deg)}.seo-tag-b{left:-18px;top:46%;animation-delay:-2s}.seo-tag-c{bottom:-12px;right:25px;animation-delay:-4s}.seo-material>p{font-size:13px;line-height:2;color:var(--muted);margin-top:28px}.seo-table-detail{margin-top:20px;font-size:11px}.seo-table-detail summary{padding:13px 0;color:var(--blue);cursor:pointer}.seo-table-scroll{overflow:auto;overscroll-behavior-inline:contain;scrollbar-color:#adc0ed #efeee7;scrollbar-width:thin}.seo-table-scroll img{max-width:none;width:100%;min-width:730px}.seo-table-detail .seo-table-scroll{max-height:490px;border:1px solid var(--line)}.seo-keyword-paper{transform:rotate(-1deg);margin-top:38px}.seo-paper-tape{position:absolute;left:35%;top:-15px;width:100px;height:26px;background:#e8e3cda6;transform:rotate(-5deg)}.seo-keyword-note{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.seo-keyword-note .handwritten{font-size:23px;color:var(--blue);transform:rotate(-2deg)}.seo-keyword-note small{font-size:9px;color:var(--muted)}.seo-sample{padding-bottom:100px}.seo-crop{padding:25px 14px;transform:rotate(.3deg);margin:28px 0 25px}.seo-pencil-line{display:block;border-bottom:2px solid #2b60e87d;transform:rotate(-.5deg);width:75%;margin:8px 0 0 7%}.seo-pin{position:absolute;right:20px;top:-7px;width:15px;height:15px;border-radius:50%;background:var(--blue);box-shadow:2px 3px 1px #14254527}.seo-desk-finish{padding:10px 0 30px}.seo-desk-finish>.handwritten{font-size:28px;color:var(--blue)}.seo-desk-finish>p{font-size:13px;color:var(--muted);line-height:2;margin:16px 0 25px}
.seo-crop{overflow-x:auto;scrollbar-color:#adc0ed #efeee7;scrollbar-width:thin}.seo-crop img{max-width:none;min-width:580px}.seo-crop::after{content:'原文局部 · 横向滑动查看细节 ↔';display:none;font-size:9px;color:var(--muted);margin-top:12px;position:sticky;left:0}
@keyframes seo-blink{50%{opacity:0}}@keyframes seo-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:1000px){.seo-research-desk{gap:5%;grid-template-columns:minmax(225px,.85fr) minmax(0,1.3fr)}.seo-folder-sheet{padding:22px 13px}.seo-insight-grid{gap:4%}.seo-thoughts{gap:16px 8px}.seo-thoughts p{padding:12px;font-size:12px}.seo-material-heading h3{font-size:30px}}
@media(max-width:700px){.seo-page #chapter-1{padding-bottom:60px}.seo-insight-grid{grid-template-columns:1fr;gap:25px}.seo-brief{gap:16px}.seo-brief>div{grid-template-columns:62px 1fr;gap:12px}.seo-brief dd{font-size:12px}.seo-search-scene{min-height:310px;padding-top:65px}.seo-desk-note{font-size:23px;left:5px}.seo-query{font-size:17px}.seo-search{padding-left:16px}.seo-search button{width:42px;height:42px;flex:0 0 42px}.seo-thoughts{padding-top:27px}.seo-thoughts p{font-size:12px}.seo-core-insight{margin-top:20px;padding:10px 17px}.seo-core-insight>p{font-size:26px}.seo-core-insight>div{font-size:12px}.seo-relationship{gap:10px;font-size:10px}.seo-strategy-lead{font-size:12px;margin-bottom:35px}.seo-research-desk{display:block}.seo-folder{top:82px;transform:none;margin:0 -3px 45px;padding:7px;background:#dae3f7;border-radius:6px}.seo-folder-tab,.seo-folder-clip,.seo-folder-sheet>p,.seo-folder-bottom{display:none}.seo-folder-sheet{min-height:0;padding:10px 12px 12px;background-image:none}.seo-folder-heading{font-size:10px;margin-bottom:9px}.seo-checks{display:grid;grid-template-columns:1fr 1fr;gap:7px 9px}.seo-checks>li,.seo-checks .seo-subtask{min-height:22px;font-size:10px;padding:0;gap:6px}.seo-checks .seo-check-group{grid-column:1/-1;padding:2px 0 0;min-height:18px;font-size:10px}.seo-check-box{width:13px;height:13px;flex-basis:13px}.seo-check-box svg{width:23px;height:23px;top:-8px;left:-4px}.seo-material{padding-bottom:70px;scroll-margin-top:280px}.seo-material-heading{margin-bottom:25px}.seo-material-heading h3{font-size:30px}.seo-material-heading>span{font-size:9px}.seo-material>p{font-size:12px;margin-top:22px}.seo-paper{padding:8px}.seo-research-board{margin:30px 6px}.seo-research-tag{font-size:9px;padding:4px 8px}.seo-tag-b{left:-8px}.seo-crop{padding:22px 10px}.seo-crop img{min-width:0}.seo-desk-finish>.handwritten{font-size:25px}.seo-desk-finish>p{font-size:12px}.seo-page .chapter-dots{right:5px}}
@media(max-width:700px){.seo-crop img{min-width:580px}.seo-crop::after{display:block}}
/* Compact search spacing and one check per main task. */
.seo-search-scene{min-height:0;padding-bottom:8px}.seo-search-scene:not(.is-searched) .seo-thoughts{padding:0;height:12px}.is-searched .seo-thoughts{padding:20px 4px 12px;gap:12px}.seo-checks .seo-subtask{padding-left:37px;min-height:33px;color:var(--muted)}
.seo-research-board{margin-top:45px;margin-bottom:42px}.seo-tag-a{left:4px;right:auto;top:-23px}.seo-tag-b{left:auto;right:-10px;top:24%}.seo-tag-c{left:-12px;right:auto;bottom:29%}.seo-tag-d{right:0;bottom:-22px;animation-delay:-3s}.seo-full-sample{padding:22px 16px}.seo-full-sample::after{content:'横向滑动查看文章细节 ↔'}
@media(max-width:700px){.seo-search-scene{min-height:0;padding-bottom:0}.seo-checks .seo-subtask{min-height:18px;padding-left:19px}.seo-checks [data-seo-check="writing"]{grid-column:1/-1}.seo-research-tag{font-size:10px}.seo-tag-b{right:-5px}.seo-tag-c{left:-5px;bottom:30%}.seo-full-sample{padding:18px 10px}}
@media(prefers-reduced-motion:reduce){.seo-page *, .seo-page *::before,.seo-page *::after{animation:none!important;transition:none!important}.seo-thoughts p{transform:none}.seo-folder{transform:none}.seo-research-tag{translate:none}}
