:root{color-scheme:dark;--bg:#06111d;--text:#edf7ff;--muted:#8ba0b2;--line:rgba(183,219,241,.15);--surface:rgba(8,23,37,.76);--cyan:#73e4ef;--blue:#6aaefb;--violet:#9d91ff;font-family:Inter,ui-sans-serif,system-ui,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html{min-height:100%;background:var(--bg)}
body{min-height:100dvh;margin:0;overflow-x:hidden;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;z-index:0;inset:-24px;background:linear-gradient(180deg,rgba(2,9,16,.62),rgba(3,11,19,.96)),var(--home-bg,url('/assets/home-bg-01.jpg')) center/cover no-repeat;filter:saturate(.55);transform:scale(1.03)}
body:after{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 8%,rgba(78,199,230,.2),transparent 32%),radial-gradient(circle at 88% 29%,rgba(118,100,245,.14),transparent 28%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,44px 44px,44px 44px}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation;font:inherit}
button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.defs{position:absolute;width:0;height:0}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.page{position:relative;z-index:1;width:min(1040px,100%);margin:auto;padding:max(16px,env(safe-area-inset-top)) clamp(14px,4vw,42px) max(48px,env(safe-area-inset-bottom))}
.topbar{height:48px;display:flex;align-items:center;gap:12px}
.icon-button{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:1px solid var(--line);border-radius:12px;color:#d7e7f2;background:rgba(7,19,31,.64);text-decoration:none;backdrop-filter:blur(16px)}
.brand{min-width:0;display:flex;align-items:center;gap:10px;flex:1}
.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(115,228,239,.23);border-radius:12px;color:var(--cyan);background:rgba(64,190,217,.08)}
.brand strong{font-size:14px;letter-spacing:.01em}
.hero{padding:clamp(46px,8vh,86px) 0 clamp(38px,6vh,64px)}
.eyebrow{margin:0 0 14px;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.2em}
.hero h1{margin:0;font-size:clamp(40px,7vw,68px);line-height:1.06;letter-spacing:-.05em}
.hero h1 span{color:transparent;background:linear-gradient(105deg,#f5fbff 8%,#72ddeb 54%,#a99aff);background-clip:text;-webkit-background-clip:text}
.hero-lead{max-width:560px;margin:20px 0 0;color:#9cb0c0;font-size:14px;line-height:1.8}
.schedule{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.schedule span{min-height:32px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:999px;color:#afc1cf;background:rgba(7,20,32,.55);font-size:10px;backdrop-filter:blur(14px)}
.schedule svg{width:14px;height:14px;color:var(--cyan)}
.updated{margin:12px 3px 0;color:#6d8496;font-size:10px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.section-heading>div{display:flex;align-items:center;gap:11px}
.section-heading span{color:var(--cyan);font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.section-heading h2{margin:0;font-size:20px;letter-spacing:-.02em}
.section-heading small{color:#748a9b;font-size:10px}
.archive-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:0 0 11px}
.search-box,.year-box{min-height:46px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);border-radius:14px;color:#7890a2;background:rgba(7,20,32,.66);backdrop-filter:blur(16px);transition:border-color .18s ease,background .18s ease}
.search-box:focus-within,.year-box:focus-within{border-color:rgba(115,228,239,.48);background:rgba(8,25,40,.84)}
.search-box svg,.year-box svg{width:16px;height:16px;flex:0 0 auto;color:#80ccdc}
.search-box input,.year-box select{min-width:0;width:100%;height:44px;padding:0;border:0;outline:0;color:var(--text);background:transparent;font:500 12px/1.2 inherit}
.search-box input::placeholder{color:#688092}
.year-box{min-width:186px}
.year-box select{appearance:none;-webkit-appearance:none;cursor:pointer;color:#b9c9d4}
.archive-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:26px;margin:0 2px 12px;color:#71899a;font-size:10px}
.archive-meta span:last-child{color:#657b8c;text-align:right}
.knowledge-panel{display:flex;flex-direction:column;gap:13px}
.knowledge-card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:17px;overflow:hidden;padding:19px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.05),transparent 35%),var(--surface);box-shadow:0 18px 48px rgba(0,6,14,.2);backdrop-filter:blur(20px)}
.knowledge-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,rgba(115,228,239,.65),transparent 82%)}
.knowledge-card.is-latest{border-color:rgba(115,228,239,.28);background:radial-gradient(circle at 94% 0,rgba(102,174,251,.12),transparent 33%),linear-gradient(145deg,rgba(255,255,255,.065),transparent 38%),rgba(8,25,40,.84)}
.date-tile{height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(115,228,239,.14);border-radius:16px;background:rgba(69,164,197,.07)}
.date-tile strong{font:500 29px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.06em}
.date-tile span{margin-top:7px;color:#7590a4;font-size:8px;letter-spacing:.08em}
.card-body{min-width:0}
.card-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:#8299aa;font-size:9px}
.card-kicker span{padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.045)}
.card-kicker .latest-badge{color:#06131d;background:linear-gradient(135deg,#83e8f0,#70bdf8);font-weight:800}
.card-kicker .issue{color:#b9afff;background:rgba(157,145,255,.1)}
.card-kicker .category{color:#9fdded;background:rgba(79,186,213,.09)}
.knowledge-card h2{margin:11px 0 5px;font-size:clamp(19px,3vw,25px);line-height:1.38;letter-spacing:-.025em}
.subtitle{margin:0;color:#8ea5b7;font-size:11px;line-height:1.7}
.summary{margin:14px 0 0;color:#bdcbd6;font-size:13px;line-height:1.82}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}
.tags span{padding:4px 7px;border:1px solid rgba(185,167,255,.1);border-radius:7px;color:#9d95c9;background:rgba(185,167,255,.06);font-size:9px}
.read-link{width:max-content;max-width:100%;display:flex;align-items:center;gap:8px;margin-top:17px;color:#92e5ee;text-decoration:none;font-size:11px;font-weight:750}
.read-link svg{width:15px;height:15px;transition:transform .2s ease}
.read-link:hover svg{transform:translateX(3px)}
.empty,.error{padding:46px 18px;border:1px dashed var(--line);border-radius:19px;color:#8297a8;background:rgba(8,19,30,.52);text-align:center;font-size:12px;line-height:1.7}
.error{color:#d5a3a3;border-color:rgba(255,145,145,.2)}
.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:17px}
#load-more{min-width:132px;min-height:44px;padding:0 18px;border:1px solid rgba(115,228,239,.2);border-radius:13px;color:#a9e9ef;background:rgba(32,111,137,.13);cursor:pointer;font-size:11px;font-weight:750}
#load-more:active{transform:translateY(1px)}
#load-more:disabled{opacity:.45;cursor:default}
#page-status{color:#718899;font:600 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace}
.loading{height:160px;display:flex;align-items:center;justify-content:center;gap:7px}
.loading span{width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:pulse 1s ease-in-out infinite}
.loading span:nth-child(2){animation-delay:.14s}.loading span:nth-child(3){animation-delay:.28s}
#refresh.is-loading svg{animation:spin .75s linear infinite;transform-origin:center}
@keyframes pulse{0%,100%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:780px){.knowledge-card{grid-template-columns:86px minmax(0,1fr);gap:22px;padding:23px}.date-tile{height:86px}.date-tile strong{font-size:34px}.card-body{padding-right:18px}}
@media(max-width:560px){.page{padding-inline:12px}.hero{padding-top:38px}.hero h1{font-size:39px}.archive-toolbar{grid-template-columns:1fr}.year-box{min-width:0}.archive-meta{align-items:flex-start;flex-direction:column;gap:4px}.archive-meta span:last-child{text-align:left}.knowledge-card{grid-template-columns:54px minmax(0,1fr);gap:13px;padding:16px 14px}.date-tile{height:58px;border-radius:13px}.date-tile strong{font-size:23px}.date-tile span{font-size:7px}.knowledge-card h2{font-size:18px}.summary{font-size:13px;line-height:1.78}.read-link{margin-top:15px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}