:root{--black:#000;--white:#fff;--gray-400:#999;--gray-600:#555;--gray-900:#1a1a1a;--accent:#e63946}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,PingFang SC,Noto Sans SC,sans-serif;line-height:1.6;color:var(--gray-900);-webkit-font-smoothing:antialiased}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);padding:18px 40px;display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.4rem;font-weight:800;color:var(--black);text-decoration:none}.nav-links{display:flex;gap:32px}.nav-links a{color:var(--gray-600);text-decoration:none;font-size:.8rem;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--black)}.nav-cta{color:var(--accent);font-weight:700;font-size:.8rem;text-decoration:none}.page-hero{background:var(--black);color:var(--white);padding:180px 40px 80px}.page-hero h1{font-family:Playfair Display,"Noto Serif SC",serif;font-size:clamp(2rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:12px}.page-hero .sub{color:var(--gray-400);font-size:1rem;margin-top:8px;max-width:600px}.page-body{max-width:800px;margin:0 auto;padding:80px 40px}.page-body h2{font-family:Playfair Display,"Noto Serif SC",serif;font-size:2rem;margin:48px 0 16px;color:var(--black)}.page-body p{color:var(--gray-600);line-height:1.9;margin-bottom:20px}.page-body .stat-row{display:flex;gap:40px;margin:32px 0;flex-wrap:wrap}.page-body .stat{text-align:center}.page-body .stat .num{font-size:2.5rem;font-weight:800;font-family:Playfair Display,serif;color:var(--accent)}.page-body .stat .label{font-size:.8rem;color:var(--gray-400);margin-top:4px}.footer{padding:48px 40px;background:var(--black);border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1100px;margin:0 auto}.footer h4{font-size:.72rem;color:var(--gray-400);margin-bottom:12px}.footer a{color:var(--gray-400);text-decoration:none;font-size:.8rem;display:block;margin-bottom:6px}.footer a:hover{color:var(--white)}@media(max-width:768px){.nav{padding:14px 20px}.page-hero h1{font-size:2rem}.page-body{padding:60px 20px}.page-hero .sub{color:var(--gray-400);font-size:1rem;margin-top:8px;max-width:500px}.section{padding:100px 40px}.section-dark{background:var(--black);color:var(--white)}.section-dark h2{color:var(--white)}.section-inner{max-width:1100px;margin:0 auto}h2{font-family:Playfair Display,"Noto Serif SC",serif;font-size:2.2rem;font-weight:700;margin-bottom:8px}.sub{color:var(--gray-600);font-size:1rem;margin-bottom:40px}.card-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.card{background:#fff;border:1px solid #e8e8e8;border-radius:12px;padding:32px;transition:all .3s}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card h3{font-size:1.1rem;margin-bottom:8px}.card p{color:var(--gray-600);font-size:.88rem}.card .tag{display:inline-block;font-size:.68rem;background:#e639461a;color:var(--accent);padding:4px 10px;border-radius:4px;margin-top:12px}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.image-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.section{padding:60px 20px}.card-grid{grid-template-columns:1fr}.image-grid{grid-template-columns:repeat(2,1fr)}:root{--black:#000;--white:#fff;--gray-50:#f8f8f8;--gray-400:#999;--gray-600:#555;--gray-900:#1a1a1a;--accent:#e63946}.nav-links a:hover{color:var(--black)}.hero{min-height:100vh;display:flex;align-items:center;background:var(--black);color:var(--white);padding:40px;position:relative;overflow:hidden}.hero-inner{width:100%;max-width:1100px;margin:0 auto;z-index:1}.hero h1{font-family:Playfair Display,"Noto Serif SC",serif;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:1.08;margin-bottom:24px}.hero .sub{color:var(--gray-400);font-size:1rem;max-width:460px;margin-bottom:36px}.hero-cta{display:flex;gap:14px}.btn{display:inline-block;padding:14px 32px;font-weight:600;font-size:.82rem;text-decoration:none;transition:all .2s}.btn-light{background:var(--white);color:var(--black)}.btn-light:hover{background:#e0e0e0}.btn-outline{border:1px solid var(--gray-600);color:var(--white);background:transparent}.btn-outline:hover{border-color:var(--white)}.btn-dark{background:var(--black);color:var(--white)}.btn-dark:hover{background:var(--gray-900)}.section{padding:120px 40px}.section-dark .sub{color:var(--gray-400)}h2{font-family:Playfair Display,"Noto Serif SC",serif;font-size:2.5rem;font-weight:700;margin-bottom:8px}.sub{color:var(--gray-600);font-size:1rem;margin-bottom:40px;max-width:500px}p{color:var(--gray-600);line-height:1.8}.cta{text-align:center;padding:160px 40px;background:var(--black);color:var(--white)}.cta h2{font-family:Playfair Display,"Noto Serif SC",serif;font-size:2.5rem;margin-bottom:12px}.cta p{color:var(--gray-400);margin-bottom:36px}.page-hero .sub{color:var(--gray-400);font-size:1rem;margin-top:8px}.page-body h2{font-family:Playfair Display,"Noto Serif SC",serif;font-size:2rem;margin:48px 0 16px}.page-body ul{color:var(--gray-600);padding-left:20px;margin-bottom:20px}.page-body li{margin-bottom:8px}.hero h1,.page-hero h1{font-size:2rem}h2{font-size:1.8rem}.section{padding:80px 20px}.footer-grid{grid-template-columns:1fr}.essay-list{list-style:none;padding:0}.essay-list li{margin-bottom:0}.essay-list a{display:block;padding:24px 0;border-bottom:1px solid #e8e8e8;text-decoration:none;color:var(--gray-900);transition:all .2s}.essay-list a:hover{padding-left:12px;border-bottom-color:var(--accent)}.essay-list .essay-date{font-size:.72rem;color:var(--gray-400);margin-bottom:4px}.essay-list .essay-title{font-size:1.05rem;font-weight:700;margin-bottom:4px}.essay-list .essay-desc{font-size:.85rem;color:var(--gray-600)}.ch-list{list-style:none;padding:0}.ch-list li{margin-bottom:0}.ch-list a{display:block;padding:24px 0;border-bottom:1px solid #e8e8e8;text-decoration:none;color:var(--gray-900);transition:all .2s}.ch-list a:hover{padding-left:12px;border-bottom-color:var(--accent)}.ch-list .ch-num{font-size:.7rem;color:var(--accent);letter-spacing:.12em;font-weight:600}.ch-list .ch-title{font-size:1.1rem;font-weight:700;margin:4px 0}.ch-list .ch-desc{font-size:.85rem;color:var(--gray-600)}:root{--bg: #faf9f7;--text: #2c2c2c;--t2: #5a5a5a;--t3: #999;--accent: #e8552d;--b: #e0ded8;--qb: #f3f1ed}body{background:var(--bg);color:var(--text);font-family:PingFang SC,"Noto Serif SC",Georgia,serif;font-size:17px;line-height:2;padding:2rem 1rem}.wrap{max-width:660px;margin:0 auto}h1{font-size:1.8rem;font-weight:900;text-align:center;line-height:1.4;margin:3rem 0 2rem}p{margin-bottom:1.1rem}.lead{font-size:1.05rem;color:var(--t2)}.pull{margin:2rem 0;padding:1.3rem 1.8rem;background:var(--qb);border-left:4px solid var(--accent);font-weight:700;font-size:1.05rem;line-height:1.8}h2{font-size:1.25rem;font-weight:800;margin:2.5rem 0 .7rem;padding-bottom:.2rem;border-bottom:2px solid var(--b)}h3{font-size:1rem;margin:1.8rem 0 .5rem;color:var(--accent)}.case{margin:1.5rem 0;padding:1.3rem 1.8rem;background:#fff;border:1px solid var(--b);border-radius:8px}.case .tag{font-size:.68rem;letter-spacing:.12em;color:var(--accent);font-weight:700;margin-bottom:.2rem}.case h4{font-size:.95rem}.framework{margin:2rem 0;padding:1.5rem 1.8rem;background:linear-gradient(135deg,#e8552d06,#2b9c8e06);border:1px solid var(--b);border-radius:8px}.framework h4{color:var(--accent);margin-bottom:.5rem}.spec{display:flex;border-radius:6px;overflow:hidden;height:28px;margin:.8rem 0}.spec div{display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:#fff}.spec .s1{flex:3;background:#2b9c8e}.spec .s2{flex:2;background:#4db8ad}.spec .s3{flex:2;background:#7dd4c9}.spec .s4{flex:1;background:#aee8e0;color:#2c2c2c}.slabels{display:flex;font-size:.7rem;color:var(--t3)}.slabels span{flex:1;text-align:center}.note{font-size:.85rem;color:var(--t3)}.nav{margin-top:4rem;padding-top:1.2rem;border-top:1px solid var(--b);display:flex;justify-content:space-between;font-size:.85rem}@media(max-width:600px){body{font-size:15px}h1{font-size:1.4rem}.nav-links{display:none}:root{--bg:#faf9f7;--text:#2c2c2c;--t2:#5a5a5a;--t3:#999;--accent:#e8552d;--b:#e0ded8;--qb:#f3f1ed}.case .tag{font-size:.68rem;letter-spacing:.12em;color:var(--accent);font-weight:700}.case h4{font-size:.95rem;margin:.3rem 0}.data-row{display:flex;gap:1rem;margin:1rem 0;flex-wrap:wrap}.data-card{flex:1;min-width:140px;background:#fff;border:1px solid var(--b);border-radius:8px;padding:1rem;text-align:center}.data-card .num{font-size:1.8rem;font-weight:900;color:var(--accent)}.data-card .label{font-size:.75rem;color:var(--t3);margin-top:.3rem}ol.steps{padding-left:1.2rem}ol.steps li{margin-bottom:.8rem}:root{--bg:#faf9f7;--text:#2c2c2c;--t2:#5a5a5a;--t3:#999;--accent:#e8552d;--b:#e0ded8;--qb:#f3f1ed;--red:#e8552d;--blue:#3b7ddd;--yellow:#f0a500;--green:#5a9e6f}.persona-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0}.persona{padding:1.2rem 1.5rem;border-radius:8px;border:1px solid var(--b);background:#fff}.persona .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.4rem}.persona .name{font-weight:700;font-size:1rem;margin:.3rem 0}.persona .traits{font-size:.85rem;color:var(--t2)}.dot-r{background:var(--red)}.dot-b{background:var(--blue)}.dot-y{background:var(--yellow)}.dot-g{background:var(--green)}.scene{margin:1.2rem 0;padding:1.2rem 1.5rem;background:var(--qb);border-radius:8px}.scene .who{font-weight:700}table{width:100%;font-size:.9rem;border-collapse:collapse;margin:1rem 0}th{text-align:left;padding:.5rem .7rem;background:var(--qb);border-bottom:2px solid var(--b);font-size:.8rem}td{padding:.5rem .7rem;border-bottom:1px solid var(--b);vertical-align:top}.persona-row{grid-template-columns:1fr}.principle{margin:1.5rem 0;padding:1.3rem 1.8rem;background:#fff;border:1px solid var(--b);border-radius:8px}.principle .num{font-size:.68rem;letter-spacing:.15em;color:var(--accent);font-weight:700;margin-bottom:.2rem}.principle h4{font-size:1rem;margin:.2rem 0 .5rem}.case{margin:1.2rem 0;padding:1rem 1.5rem;background:var(--qb);border-radius:6px;font-size:.9rem}.case .tag{font-size:.68rem;color:var(--t3)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.compare div{padding:.8rem 1rem;border-radius:6px;font-size:.88rem}.wrong{background:#e8552d0f;border:1px solid rgba(232,85,45,.2)}.right{background:#2b9c8e0f;border:1px solid rgba(43,156,142,.2)}.wrong .l{color:var(--accent);font-weight:700;font-size:.7rem}.right .l{color:#2b9c8e;font-weight:700;font-size:.7rem}.compare{grid-template-columns:1fr}.flow{display:flex;gap:.5rem;margin:1.5rem 0;flex-wrap:wrap;justify-content:center}.flow .step{flex:1;min-width:100px;background:#fff;border:2px solid var(--b);border-radius:8px;padding:1rem .5rem;text-align:center}.flow .step .num{font-size:.7rem;color:var(--accent);font-weight:700}.flow .step .name{font-size:.85rem;font-weight:700;margin:.3rem 0}.flow .step .sub{font-size:.7rem;color:var(--t3)}.flow .arrow{display:flex;align-items:center;color:var(--accent);font-size:1.2rem}.warn{margin:1rem 0;padding:1rem 1.5rem;background:#e8552d0d;border:1px solid rgba(232,85,45,.2);border-radius:8px}.warn .l{color:var(--accent);font-weight:700;font-size:.8rem}ul{padding-left:1.2rem}li{margin-bottom:.5rem}.flow{flex-direction:column}.flow .arrow{display:none}.section h2{font-family:Playfair Display,"Noto Serif SC",serif;font-size:2.2rem;font-weight:700;margin-bottom:8px}.section .sub{color:var(--gray-600);font-size:1rem;margin-bottom:40px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.project-card{text-decoration:none;color:inherit;display:block}.project-card .img{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--gray-900);border-radius:8px;margin-bottom:16px;transition:transform .3s}.project-card:hover .img{transform:scale(1.02)}.project-card h3{font-size:1.2rem;font-weight:700;margin-bottom:4px}.project-card .meta{font-size:.85rem;color:var(--gray-400)}.project-grid{grid-template-columns:1fr}.page-body{max-width:600px;margin:0 auto;padding:80px 40px;text-align:center}.page-body h2{font-family:Playfair Display,"Noto Serif SC",serif;font-size:1.8rem;margin:0 0 16px}.page-body p{color:var(--gray-600);line-height:1.9;margin-bottom:20px;font-size:1.05rem}.page-body .email-link{display:inline-block;font-size:1.3rem;color:var(--accent);text-decoration:none;font-weight:600;margin:20px 0 40px;padding:16px 32px;border:2px solid var(--accent);border-radius:8px;transition:all .2s}.page-body .email-link:hover{background:var(--accent);color:var(--white)}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--black);padding:4px}.skip-link{position:absolute;top:-100px;left:16px;background:var(--accent);color:#fff;padding:8px 16px;z-index:200;border-radius:4px}.skip-link:focus{top:16px}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:20px 40px;gap:16px;box-shadow:0 10px 30px #0000001a}.nav-links.open{display:flex}.hero h1{font-size:2rem}.hero{padding:120px 20px 60px}.nav-logo{display:flex;align-items:center;gap:10px}.nav-logo-img{height:28px;width:auto;display:block}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--black);padding:4px;line-height:1}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:16px 40px 24px;gap:16px;box-shadow:0 8px 24px #00000014}.nav{padding:14px 20px}.article{max-width:760px;margin:0 auto;padding:140px 24px 100px}.article h1{font-family:Playfair Display,"Noto Serif SC",serif;font-size:2.4rem;line-height:1.2;margin-bottom:12px;color:var(--black)}.article-meta{color:var(--gray-400);font-size:.85rem;margin-bottom:48px}.article-body{font-size:1.02rem;line-height:1.9;color:#333}.article-body p{margin-bottom:1.4em}.article-body img{max-width:100%;height:auto;display:block;margin:24px auto;border-radius:4px}.article-body video{max-width:100%;display:block;margin:24px auto;border-radius:4px}.article-body h2{font-family:Playfair Display,"Noto Serif SC",serif;font-size:1.7rem;margin:56px 0 20px;color:var(--black)}.article-body h3{font-size:1.25rem;margin:40px 0 16px;color:var(--black)}.article-body h4,.article-body h5,.article-body h6{font-size:1.05rem;margin:32px 0 12px;color:var(--black)}.article-body a{color:var(--accent);text-decoration:none}.article-body a:hover{text-decoration:underline}.article-body blockquote{border-left:3px solid var(--accent);padding:8px 20px;margin:24px 0;color:var(--gray-600);background:var(--gray-50)}.article-body ul,.article-body ol{padding-left:24px;margin-bottom:1.4em}.article-body li{margin-bottom:.5em}.article-body iframe{max-width:100%}.post-list{list-style:none;padding:0}.post-list li{border-bottom:1px solid #eee}.post-list a{display:flex;gap:24px;align-items:baseline;padding:18px 0;text-decoration:none}.post-list .d{color:var(--gray-400);font-size:.8rem;min-width:100px;flex-shrink:0}.post-list .t{color:var(--black);font-weight:600;font-size:1rem}.post-list a:hover .t{color:var(--accent)}}}