:root{--page:#eff0f2;--ink:#333;--muted:#999;--line:#ececec;--accent:#4d8cb8;--paper:#fff}*{box-sizing:border-box}html{font-size:62.5%}body{background:var(--page);color:var(--ink);margin:0;font:1.4rem/1.8 -apple-system,BlinkMacSystemFont,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}.site-header-s{background:var(--paper);height:111px}.top-nav{color:#ddd;background:#333;height:30px;font-size:1.2rem}.top-nav>div{justify-content:space-between;align-items:center;width:1200px;height:30px;margin:0 auto;display:flex}.login{color:#ddd;margin-left:18px}.header-main{border-bottom:1px solid var(--line);background:var(--paper)}.navigation-top{align-items:center;width:1200px;height:81px;margin:0 auto;display:flex}.brand{color:#444;flex-direction:column;min-width:150px;line-height:1.05;display:flex}.brand strong{font-size:2.4rem}.brand small{color:#666;margin-top:3px;font-size:1.2rem}.navigation-top nav{align-items:stretch;height:100%;margin-left:66px;display:flex}.navigation-top nav a{color:#333;white-space:nowrap;align-items:center;padding:0 16px;transition:color .2s,background .2s;display:flex}.navigation-top nav a:hover{color:var(--accent);background:0 0}.search{color:#777;margin-left:auto;font-size:2.7rem;line-height:1;transform:rotate(-20deg)}.bread{border-bottom:1px solid var(--line);background:var(--paper);color:#929aa1;height:43px;font-size:1.25rem}.bread>div,.crumb{width:1180px;margin:0 auto}.bread>div{align-items:center;height:43px;display:flex}.bread span,.crumb span{color:#b9bec2;padding:0 8px}.crumb{color:#9299a0;padding:16px 0 10px;font-size:1.25rem}.crumb a:hover{color:var(--accent)}#content{width:1200px;min-height:calc(100vh - 215px);margin:20px auto 10px}.post-list{width:100%}.post{background:var(--paper);border-radius:8px;min-height:175px;margin:0 0 10px;padding:20px 20px 21px;display:flex;position:relative;box-shadow:0 0 0 1px #00000013}.thumbnail{background:#ecf0f2;border-radius:4px;flex:0 0 230px;width:230px;height:132px;margin:0 20px 0 0;position:relative;overflow:hidden}.thumbs-back{background:#e9edf0 50%/cover no-repeat;width:100%;height:100%;transition:transform .35s;display:block}.post:hover .thumbs-back{transform:scale(1.045)}.cat{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#c40000;max-width:100%;padding:2px 8px;font-size:1.2rem;line-height:1.7;position:absolute;top:0;left:0;overflow:hidden}.post-area{width:100%;min-width:0;padding-right:34px;position:relative}.post h2{color:#333;margin:0 0 7px;font-size:1.6rem;font-weight:500;line-height:1.5}.post h2 a:hover{color:var(--accent)}.archive-content{color:#777;margin:0;line-height:1.58}.entry-meta{color:#999;margin-top:15px;font-size:1.2rem}.entry-meta span{padding:0 6px}.entry-more{color:#fff;font-size:1.2rem;position:absolute;bottom:22px;right:20px}.entry-more:hover{color:#fff}.entry-more{background:var(--accent);border-radius:5px 0 0 5px;padding:4px 12px}.list-ad{position:absolute;bottom:-1px;left:20px;right:20px}.ad-unit{min-height:0;overflow:hidden}.article-detail{background:var(--paper);border-radius:8px;padding:30px 34px 45px;box-shadow:0 0 0 1px #232c360e}.article-detail h1{border-left:5px solid var(--accent);color:#30363b;margin:0;padding:5px 0 5px 21px;font-size:2.2rem;font-weight:700;line-height:1.5}.article-detail header>.entry-meta{border-bottom:1px solid var(--line);margin:15px 0 25px;padding-bottom:18px}.article-content{overflow-wrap:anywhere;color:#454b51;font-size:1.6rem;line-height:2}.article-content img{max-width:100%;height:auto;margin:1.5em auto;display:block}.article-content p{margin:0 0 1.3em}.article-content h1,.article-content h2,.article-content h3{color:#343a40}.article-content table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.article-content td,.article-content th{border:1px solid #d9dee2;padding:6px 9px}footer{border-top:1px solid var(--line);background:var(--paper);color:#999;text-align:center;margin-top:28px;padding:30px 15px}.official-link{color:#36f}.image-note{text-align:center;font-size:1.3rem}.tag-links{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.tag-links a{color:#68727a;border:1px solid #dfe5e8;padding:6px 14px}.tag-links a:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:1220px){.top-nav>div,.navigation-top,.bread>div,.crumb,#content{width:calc(100% - 32px)}.navigation-top nav{margin-left:30px}.navigation-top nav a{padding:0 9px}}@media (max-width:760px){.site-header-s{height:81px}.top-nav{height:27px}.top-nav>div{width:100%;height:27px;padding:0 15px}.header-main,.navigation-top{height:54px}.navigation-top{width:100%;padding:0 15px}.brand{min-width:70px}.brand strong{font-size:1.9rem}.brand small{display:none}.navigation-top nav{scrollbar-width:none;min-width:0;margin-left:14px;overflow-x:auto}.navigation-top nav::-webkit-scrollbar{display:none}.navigation-top nav a{flex:none;padding:0 9px;font-size:1.3rem}.search{display:none}.bread{height:39px}.bread>div{width:100%;height:39px;padding:0 15px}.crumb{width:100%;padding:12px 15px 7px}#content{width:100%;margin:0}.post{min-height:105px;box-shadow:none;border-bottom:1px solid var(--line);border-radius:0;margin:0;padding:15px}.thumbnail{flex-basis:118px;width:118px;height:76px;margin-right:13px}.post-area{padding:0}.post h2{margin-bottom:3px;font-size:1.5rem;line-height:1.45}.archive-content{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.2rem;line-height:1.55;display:-webkit-box;overflow:hidden}.entry-meta{margin-top:4px;font-size:1.1rem}.entry-more,.list-ad{display:none}.article-detail{box-shadow:none;border-radius:0;padding:22px 16px 30px}.article-detail h1{font-size:2rem}.article-content{font-size:1.55rem}.cat{font-size:1.1rem}}