:root{--bg: #FFFFFF;--fg: #1A1A1A;--muted: #7A7A7A;--faint: #ACACAC;--accent: #B4491E;--line: #E9E9E6;--soft: #F6F6F4;--hover-bg: #EFEFEC;--cover-shadow: 0 18px 36px -16px rgba(0, 0, 0, .22)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]),:root[data-theme=dark]{--bg: #111111;--fg: #E9E6E1;--muted: #8E8A84;--faint: #66625C;--accent: #DB7F58;--line: #262626;--soft: #1A1A1A;--hover-bg: #232323;--cover-shadow: 0 22px 44px -18px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{--bg: #111111;--fg: #E9E6E1;--muted: #8E8A84;--faint: #66625C;--accent: #DB7F58;--line: #262626;--soft: #1A1A1A;--hover-bg: #232323;--cover-shadow: 0 22px 44px -18px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Georgia,"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,serif;font-size:17px;line-height:1.85;color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}img{max-width:100%;display:block}.container{max-width:780px;margin:0 auto;padding:0 24px}.wide{max-width:1160px}.site-header{position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-size:19px;font-weight:700;letter-spacing:.08em}.nav{display:flex;align-items:center;gap:26px;font-size:15px;color:var(--muted)}.nav a:hover{color:var(--accent)}.nav a.active{color:var(--fg)}.theme-toggle{border:none;background:none;cursor:pointer;font-size:17px;line-height:1;color:var(--muted);padding:6px 2px}.theme-toggle:hover{color:var(--accent)}.hero{max-width:780px;margin:0 auto;padding:120px 24px 76px;text-align:center}.hero.wide{max-width:1160px}.hero .kicker{font-size:13px;letter-spacing:.34em;text-indent:.34em;color:var(--faint);margin-bottom:30px}.hero h1{font-size:36px;font-weight:400;line-height:1.55;letter-spacing:.02em;max-width:660px;margin:0 auto;text-wrap:pretty}.hero .sub{margin-top:24px;color:var(--muted);font-size:15px;letter-spacing:.08em}.social-icons{margin-top:44px;display:flex;gap:14px;justify-content:center}.social-icons a{font-size:13px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--faint)}.social-icons a:hover{border-color:var(--accent);color:var(--accent)}.section{max-width:780px;margin:0 auto;padding:64px 24px}.section.wide{max-width:1160px}.section+.section{border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:36px}.section-head h2{font-size:21px;font-weight:600;letter-spacing:.05em}.more{font-size:14px;color:var(--muted)}.more:hover{color:var(--accent)}.post-grid{display:grid;grid-template-columns:1fr;gap:44px 44px}@media(min-width:768px){.post-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.post-grid{grid-template-columns:1fr 1fr 1fr}}.post-item{padding:0 0 8px}.post-item time{font-size:13px;color:var(--faint);letter-spacing:.05em}.post-item h3{margin-top:10px;font-size:19px;font-weight:600;line-height:1.55}.post-item h3 a:hover{color:var(--accent)}.post-item .excerpt{margin-top:10px;color:var(--muted);font-size:15px}.video-grid{display:grid;grid-template-columns:1fr;gap:44px 28px}@media(min-width:560px){.video-grid{grid-template-columns:1fr 1fr}}@media(min-width:900px){.video-grid{grid-template-columns:1fr 1fr 1fr}}@media(min-width:1200px){.video-grid{grid-template-columns:repeat(4,1fr)}}.thumb{position:relative;aspect-ratio:16 / 10;border-radius:3px;overflow:hidden;background:var(--soft)}.thumb-fallback{position:absolute;inset:0;background:var(--soft)}.thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.thumb-top{position:absolute;top:12px;left:12px;right:12px;z-index:2;display:flex;align-items:center;justify-content:space-between}.platform-tag{font-size:12px;letter-spacing:.1em;color:var(--fg);background:#ffffffe6;border:1px solid rgba(0,0,0,.06);padding:3px 12px;border-radius:20px}.duration{font-size:12px;letter-spacing:.04em;color:#fff;background:#0000008c;padding:2px 9px;border-radius:4px}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#ffffffeb;color:var(--fg);font-size:18px;display:flex;align-items:center;justify-content:center;padding-left:4px;opacity:0;transition:opacity .2s ease;z-index:2}.video-card{display:block}.video-card h3{margin-top:16px;font-size:17px;font-weight:600;line-height:1.55}.video-card .video-meta{margin-top:6px;font-size:13px;color:var(--faint)}.video-card:hover .thumb img{transform:scale(1.03)}.video-card:hover .play-btn{opacity:1}.video-card:hover .platform-tag{color:var(--accent)}.empty-hint{color:var(--muted);font-size:15px;line-height:1.9;text-align:center;padding:20px 0;grid-column:1 / -1}.product-grid{display:grid;grid-template-columns:1fr;gap:28px}@media(min-width:768px){.product-grid{grid-template-columns:1fr 1fr}}.product-card{padding:38px 34px;background:var(--soft);border-radius:4px}.product-tag{font-size:12px;letter-spacing:.26em;color:var(--accent);margin-bottom:18px}.product-card h3{font-size:21px;font-weight:600;margin-bottom:10px}.product-desc{color:var(--muted);font-size:15px;margin-bottom:28px}.btn{display:inline-block;font-size:14px;letter-spacing:.08em;padding:10px 26px;border:1px solid var(--fg);border-radius:2px;transition:all .2s ease}.btn:hover{background:var(--fg);color:var(--bg)}.btn.accent{border-color:var(--accent);color:var(--accent)}.btn.accent:hover{background:var(--accent);border-color:var(--accent);color:#fff}.article{max-width:700px;margin:0 auto;padding:80px 24px 40px}.article .meta{font-size:14px;color:var(--faint);margin-bottom:12px;letter-spacing:.04em}.article h1{font-size:33px;font-weight:600;line-height:1.45;letter-spacing:.01em;margin-bottom:20px}.article .lead{font-size:18px;color:var(--muted);margin-bottom:44px}.article h2{font-size:23px;font-weight:600;margin:48px 0 18px;letter-spacing:.02em}.article h3{font-size:19px;font-weight:600;margin:36px 0 14px}.article p{margin-bottom:24px}.article strong{font-weight:700}.article blockquote{border-left:2px solid var(--accent);padding:4px 0 4px 24px;margin:32px 0;color:var(--muted);font-style:italic}.article ul,.article ol{margin:0 0 24px;padding-left:26px}.article li{margin-bottom:10px}.article hr{border:none;border-top:1px solid var(--line);margin:48px 0}.article a{color:var(--accent)}.article code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--soft);padding:2px 6px;border-radius:3px}.article pre{background:var(--soft);padding:20px 22px;border-radius:4px;overflow-x:auto;margin:0 0 24px;font-size:15px;line-height:1.7}.article pre code{background:none;padding:0}.video-page{max-width:760px;margin:0 auto;padding:80px 24px 40px}.player{aspect-ratio:16 / 9;border-radius:3px;overflow:hidden}.player iframe{width:100%;height:100%;border:0;display:block}.player-cover{position:relative;background-size:cover;background-position:center;background-color:var(--soft)}.player-cover .overlay{position:absolute;inset:0;background:#00000061;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#fff;font-size:14px;letter-spacing:.08em}.video-page h1{font-size:28px;font-weight:600;margin:32px 0 10px;line-height:1.45}.video-page .meta{font-size:14px;color:var(--faint);margin-bottom:32px}.book-hero{max-width:900px;margin:0 auto;padding:90px 24px 40px;display:grid;grid-template-columns:260px 1fr;gap:64px;align-items:start}.book-cover{width:260px;border-radius:3px;box-shadow:var(--cover-shadow)}.book-cover img{width:100%;border-radius:3px;display:block}.book-cover-fallback{aspect-ratio:3 / 4;border-radius:3px;background:var(--soft);border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;gap:16px}.bc-slogan{font-size:13px;color:var(--muted);line-height:1.9}.bc-title{font-size:28px;font-weight:700;letter-spacing:.12em}.bc-author{font-size:12px;color:var(--faint);letter-spacing:.2em}.book-info{padding-top:12px}.book-kicker{font-size:13px;letter-spacing:.3em;color:var(--faint);margin-bottom:22px}.book-info h1{font-size:32px;font-weight:600;letter-spacing:.03em}.book-sub{margin-top:14px;font-size:17px;color:var(--muted);line-height:1.8}.book-buy{margin-top:32px;display:flex;gap:16px;flex-wrap:wrap}.book-buy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px;max-width:520px}.book-buy .btn{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 14px;line-height:1.4;white-space:nowrap}.book-buy .btn-icon{width:16px;height:16px;border-radius:2px;flex-shrink:0}.book-buy .btn-main{font-weight:600;letter-spacing:.04em}.book-buy .btn-hint{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);background:var(--fg);color:var(--bg);padding:7px 14px;border-radius:3px;font-size:12px;letter-spacing:.03em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:5}.book-buy .btn-hint:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:var(--fg)}.book-buy .btn:hover .btn-hint{opacity:1}.book-block{max-width:700px;margin:0 auto;padding:64px 24px;border-top:1px solid var(--line)}.book-version-note{color:var(--muted);font-size:15px;line-height:2;margin-bottom:36px}.xhs-guide-img{display:block;width:100%;max-width:260px;margin:0 auto 40px;border-radius:4px;border:1px solid var(--line)}.book-steps{list-style:none;counter-reset:step;border-top:1px solid var(--line);max-width:480px;margin:0 auto}.book-steps li{counter-increment:step;position:relative;padding:16px 0 16px 42px;border-bottom:1px solid var(--line);font-size:15px;line-height:1.8;color:var(--fg)}.book-steps li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:16px;font-size:13px;color:var(--faint);font-variant-numeric:tabular-nums;letter-spacing:.06em}.book-details{margin-top:28px;border-top:1px solid var(--line);padding-top:14px;font-size:13px;max-width:520px}.bd-row{display:flex;justify-content:space-between;padding:4px 0;color:var(--muted)}.bd-row dt{color:var(--faint);letter-spacing:.06em}.bd-row dd{margin:0}.book-quote{text-align:center}.book-quote p,.book-summary p{font-size:19px;line-height:2;color:var(--fg)}.book-quote p:before,.book-quote p:after{color:var(--accent)}.book-quote p:before{content:"「";margin-right:4px}.book-quote p:after{content:"」";margin-left:4px}.book-summary p{color:var(--muted);font-size:17px}.book-closing{text-align:center;font-size:22px;font-weight:600;line-height:1.9;letter-spacing:.02em}.book-paragraph{font-size:17px;line-height:2;color:var(--muted)}.framework-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.framework-item{padding:28px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.fw-num{font-size:12px;color:var(--faint);letter-spacing:.12em;font-variant-numeric:tabular-nums}.framework-item h3{margin-top:10px;font-size:19px;font-weight:600}.framework-item p{margin-top:10px;font-size:15px;color:var(--muted);line-height:1.9}.book-list{list-style:none;counter-reset:item;max-width:700px;border-top:1px solid var(--line)}.book-list li{counter-increment:item;position:relative;padding:18px 0 18px 44px;border-bottom:1px solid var(--line);font-size:16px;line-height:1.8;color:var(--fg)}.book-list li:before{content:counter(item,decimal-leading-zero);position:absolute;left:0;top:18px;font-size:13px;color:var(--faint);font-variant-numeric:tabular-nums;letter-spacing:.06em}.book-buy-again{text-align:center}@media(max-width:720px){.book-hero{grid-template-columns:1fr;gap:36px;padding-top:64px}.book-cover{width:200px;margin:0 auto}.book-info{text-align:center}.book-buy{grid-template-columns:1fr;max-width:none;margin-left:auto;margin-right:auto}.book-details{max-width:none}.framework-grid{grid-template-columns:1fr}.book-quote p,.book-summary p{font-size:17px}}.page-hero{max-width:700px;margin:0 auto;padding:96px 24px 20px;text-align:center}.page-hero h1{font-size:30px;font-weight:600;letter-spacing:.03em}.page-hero p{margin-top:16px;color:var(--muted);font-size:16px}.page-body{max-width:700px;margin:0 auto;padding:48px 24px 0}.social-list{border-top:1px solid var(--line);margin-top:44px}.social-row{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line)}.social-row .name{font-size:18px;font-weight:600}.social-row .desc{font-size:13px;color:var(--faint);margin-top:3px}.social-row .arrow{color:var(--faint);font-size:16px}.social-row:hover .arrow{color:var(--accent)}.site-footer{border-top:1px solid var(--line);margin-top:100px}.footer-inner{max-width:780px;margin:0 auto;padding:36px 24px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--faint);letter-spacing:.04em}.footer-links{display:flex;gap:22px}.footer-links a{color:var(--faint)}.footer-links a:hover{color:var(--accent)}@media(max-width:640px){.hero{padding:90px 20px 56px}.hero h1{font-size:27px}.article h1{font-size:26px}.nav{gap:18px;font-size:14px}}