*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#faf8f5;--text:#1a1a1a;--text-secondary:#555;--accent:#c0392b;--accent-hover:#a93226;--accent-light:#fdf0ee;--border:#e0dbd4;--section-bg:#f5f2ed;--tag-bg:#2c3e50;--tag-text:#fff;--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}::-webkit-scrollbar{display:none}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;line-height:1.8}a,button{-webkit-tap-highlight-color:transparent}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.page-enter{animation:fadeInUp .5s var(--ease-out-expo) both}.hero-enter{animation:fadeInUp .6s var(--ease-out-expo) .1s both}.latest-enter{animation:scaleIn .5s var(--ease-out-expo) .2s both}.archive-enter{animation:fadeIn .4s var(--ease-out-expo) .3s both}.archive-item-enter{opacity:0;animation:fadeInUp .4s var(--ease-out-expo) both}.article-container{max-width:1200px;margin:0 auto;padding:0 20px 80px}html.home-page,html.home-page body{height:100%;overflow:hidden}.home-layout{flex-direction:column;max-width:1400px;height:calc(100vh - 55px);margin:0 auto;padding:0 20px;display:flex}.home-left{flex-direction:column;flex:1;justify-content:center;min-height:0;display:flex}.home-right{background:#fff;border-radius:12px;flex-direction:column;flex:1;min-height:0;margin-top:0;margin-bottom:24px;padding:24px;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000000f,0 0 1px #00000014}.archive-header{margin-bottom:16px}.archive-header-text{color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase;font-size:12px;font-weight:700}.archive-scroll{scrollbar-width:none;-ms-overflow-style:none;flex:1;min-height:0;overflow:hidden auto}.archive-scroll::-webkit-scrollbar{display:none}.home-slogan{color:#999;letter-spacing:.1em;text-align:center;font-family:Noto Serif SC,serif;font-size:13px}.slogan-pc{margin-top:auto;padding-top:24px}.slogan-mobile{margin-top:24px;padding-bottom:8px;display:none}.site-header{color:#fff;z-index:100;border-bottom:3px solid var(--accent);background:#1a1a1a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.site-header .site-name{letter-spacing:.05em;color:#fff;font-family:Noto Serif SC,serif;font-size:18px;font-weight:600;text-decoration:none;transition:opacity .2s}.site-header .site-name:hover{opacity:.8}.site-header .site-date{color:#aaa;font-size:13px;font-weight:300}.hero{padding:60px 0 48px}.hero-eyebrow{align-items:center;gap:12px;margin-bottom:20px;display:flex}.hero-date-badge{background:var(--accent);color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.hero-updated{color:var(--text-secondary);letter-spacing:.05em;font-size:12px}.hero h1{color:var(--text);letter-spacing:-.01em;margin-bottom:16px;font-family:Noto Serif SC,serif;font-size:36px;font-weight:700;line-height:1.25}.hero-desc{color:var(--text-secondary);max-width:520px;font-size:15px;line-height:1.75}.latest-issue{background:var(--text);color:inherit;transition:all .3s var(--ease-out-expo);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:24px;margin:40px 0 0;padding:28px 32px;text-decoration:none;display:flex;position:relative;overflow:hidden}.latest-issue:after{content:"";background:radial-gradient(circle at var(--x,50%) var(--y,50%), #ffffff1a 0%, transparent 60%);opacity:0;transition:opacity .3s;position:absolute;inset:0}.latest-issue:hover{background:#252525;transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.latest-issue:hover:after{opacity:1}.latest-issue:active{transition:all .1s ease-out;transform:translateY(0)scale(.998);box-shadow:0 2px 8px #0000001a}.latest-issue-left{z-index:1;flex:1;position:relative}.latest-issue-eyebrow{align-items:center;gap:10px;margin-bottom:10px;display:flex}.latest-issue-badge{background:var(--accent);color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.latest-issue-weekday{color:#aaa;font-size:12px}.latest-issue-title{color:#fff;margin-bottom:8px;font-family:Noto Serif SC,serif;font-size:20px;font-weight:700;line-height:1.35}.latest-issue-desc{color:#aaa;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.latest-issue-arrow{color:var(--accent);flex-shrink:0;align-self:center;font-size:24px}.archive-item{color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;align-items:center;gap:16px;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex;position:relative}.archive-item:after{content:"";background:var(--border);height:1px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.archive-item:hover{background:#00000008;box-shadow:0 2px 8px #0000000a}.archive-item:hover:after{opacity:0}.archive-item:hover .archive-date-day{color:var(--accent-hover);transform:scale(1.05)}.archive-item:hover .archive-arrow{opacity:1;color:var(--accent-hover);transform:translate(3px)}.archive-item:active{background:#c0392b0f;transition:all .1s;transform:scale(.995);box-shadow:0 1px 4px #0000000f}.archive-item:last-child:after{display:none}.archive-date-block{flex-direction:column;flex-shrink:0;align-items:center;min-width:48px;display:flex}.archive-date-month{color:var(--text-secondary);margin-bottom:2px;font-size:11px;font-weight:400}.archive-date-day{color:var(--accent);font-family:Noto Serif SC,serif;font-size:26px;font-weight:700;line-height:1;transition:all .2s}.archive-weekday{color:var(--text-secondary);margin-top:3px;font-size:10px}.archive-content{flex:1;min-width:0}.archive-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.55;transition:color .2s;display:-webkit-box;overflow:hidden}.archive-item:hover .archive-desc{color:var(--text)}.archive-arrow{color:var(--accent);opacity:.3;flex-shrink:0;font-size:18px;transition:all .2s}.article-hero{border-bottom:2px solid var(--border);animation:fadeInUp .5s var(--ease-out-expo) both;margin-bottom:0;padding:56px 0 40px}.article-eyebrow{align-items:center;gap:12px;margin-bottom:18px;display:flex}.article-date-badge{background:var(--accent);color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.article-weekday{color:var(--text-secondary);font-size:13px}.article-hero h1{color:var(--text);letter-spacing:-.01em;margin-bottom:16px;font-family:Noto Serif SC,serif;font-size:34px;font-weight:700;line-height:1.25}.article-note{color:var(--text-secondary);background:var(--section-bg);border-left:3px solid var(--accent);border-radius:0 4px 4px 0;padding:16px 20px;font-size:14.5px;line-height:1.75;transition:background .2s}.article-note:hover{background:#efeae4}.content-section{animation:fadeInUp .5s var(--ease-out-expo) both;padding:48px 0 0}.content-section:nth-child(2){animation-delay:.1s}.content-section:nth-child(3){animation-delay:.2s}.content-section+.content-section{border-top:1px solid var(--border);padding-top:40px}.section-header-row{align-items:center;gap:14px;margin-bottom:28px;display:flex}.section-num{color:#fff;background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:Noto Serif SC,serif;font-size:13px;font-weight:700;display:flex}.section-title-text{color:var(--text);letter-spacing:.02em;font-family:Noto Serif SC,serif;font-size:20px;font-weight:700}.section-title-en{color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:11px}.article-sub{transition:background .3s var(--ease-out-expo);border-radius:8px;margin-bottom:36px;margin-left:-20px;margin-right:-20px;padding:20px}.article-sub:hover{background:#00000005}.article-sub:last-child{margin-bottom:0}.article-sub h3{color:var(--text);border-bottom:1.5px solid var(--border);margin-bottom:14px;padding-bottom:10px;font-family:Noto Serif SC,serif;font-size:18px;font-weight:600;line-height:1.4;transition:border-color .3s}.article-sub:hover h3{border-bottom-color:var(--accent)}.article-sub p{color:var(--text);margin-bottom:14px;font-size:16px;line-height:1.85}.article-sub p:last-child{margin-bottom:0}.article-sub a,.article-container a:not(.site-name):not(.latest-issue):not(.archive-item):not([class*=btn]){color:var(--accent);transition:all .25s var(--ease-out-expo);border-bottom:1px solid #c0392b4d;padding-bottom:1px;text-decoration:none}.article-sub a:hover,.article-container a:not(.site-name):not(.latest-issue):not(.archive-item):not([class*=btn]):hover{color:var(--accent-hover);border-bottom-color:var(--accent-hover)}.site-header a[href=\/]{transition:all .25s var(--ease-out-expo);border-bottom:none;border-radius:4px;margin:-4px -8px;padding:4px 8px}.site-header a[href=\/]:hover{color:#fff;background:#ffffff1a}.highlight-block{background:var(--section-bg);border-left:3px solid var(--accent);border-radius:6px;margin:18px 0;padding:18px 22px;font-size:15px;line-height:1.8;transition:all .3s}.highlight-block:hover{background:#efeae4;border-left-width:5px;padding-left:20px}.stat-row{flex-wrap:wrap;gap:16px;margin:18px 0;display:flex}.stat-item{background:var(--accent-light);border-radius:6px;min-width:110px;padding:14px 18px}.stat-number{color:var(--accent);margin-bottom:4px;font-family:Noto Serif SC,serif;font-size:26px;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);font-size:11px;font-weight:400}.summary-block{background:var(--text);animation:scaleIn .5s var(--ease-out-expo) .3s both;border-radius:8px;margin-top:48px;padding:28px 32px}.summary-block h2{color:#fff;border-bottom:1px solid #333;margin-bottom:18px;padding-bottom:14px;font-family:Noto Serif SC,serif;font-size:18px;font-weight:600}.summary-block ul{margin:0;padding:0;list-style:none}.summary-block li{color:#ddd;border-bottom:1px solid #2a2a2a;border-radius:4px;margin:0 -8px;padding:12px 8px;font-size:14.5px;line-height:1.6;transition:all .25s}.summary-block li:hover{color:#fff;background:#ffffff0d;padding-left:12px}.summary-block li:last-child{border-bottom:none}.summary-block li:before{content:"→ ";color:var(--accent);font-weight:700}.summary-block li:hover:before{color:#ff6b5a}.article-footer{border-top:1px solid var(--border);color:#aaa;text-align:center;margin-top:48px;padding-top:20px;font-size:12.5px;line-height:1.7}@media (max-width:768px){.home-layout{gap:0;height:calc(100vh - 55px);padding:0 16px}.home-left{flex:none;justify-content:flex-start;padding-top:24px}.hero{padding:0 0 16px}.hero h1{margin-bottom:6px;font-size:24px}.hero-eyebrow{margin-bottom:10px}.hero-desc{font-size:13px;line-height:1.5}.latest-issue{flex-direction:column;gap:10px;margin-top:12px;padding:16px 18px}.latest-issue-title{font-size:16px}.latest-issue-desc{font-size:12px}.home-right{flex-direction:column;flex:1;min-height:0;margin-top:16px;margin-bottom:0;padding:16px;display:flex}.archive-header{margin-bottom:12px}.archive-scroll{flex:1;min-height:0;overflow-y:auto}.archive-item{gap:10px;padding:10px 12px}.archive-date-block{min-width:40px}.archive-date-day{font-size:20px}.archive-desc{font-size:12px;line-height:1.4}.archive-arrow{font-size:14px}.slogan-pc{display:none}.slogan-mobile{flex-shrink:0;padding:16px 0 12px;font-size:11px;display:block}.article-container{padding:0 16px 60px}.hero h1{font-size:28px}.article-hero h1{font-size:26px}.latest-issue{flex-direction:column;padding:22px 24px}.latest-issue-arrow{display:none}.content-section{padding-top:36px}}@media (min-width:769px){.home-layout{flex-direction:row;align-items:stretch;gap:40px;height:calc(100vh - 59px);padding:32px 48px}.home-left{flex:1;justify-content:center;padding-right:20px}.home-right{flex:0 0 420px;margin-bottom:0;padding:28px}.hero{padding:0 0 40px}.hero h1{font-size:40px}.latest-issue{padding:28px 32px}}@media (min-width:1200px){.home-layout{gap:48px;padding:40px 64px}.home-left{padding-right:32px}.home-right{flex:0 0 460px;padding:32px}.hero h1{font-size:48px}.site-header{padding:18px 40px}.site-header .site-name{font-size:20px}.site-header .site-date{font-size:14px}}
