*{box-sizing:border-box}html{margin:0;padding:0;width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%}body{margin:0;padding:0;width:100%;max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.5;color:#333;background:#f5f7fa}.bookshelf-page,.page{width:100%;max-width:100vw;overflow-x:hidden;background:#f5f7fa;min-height:100vh}.footer{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;background:#201e1d;color:#a8a195;overflow:hidden;clear:both}.footer .copyright,.footer .shengming{float:left;line-height:30px;padding:10px 0;color:#a8a195;font-size:13px}.footer .shengming{margin-left:16px}.footer .friendlink{text-align:left;margin:16px 0;color:#837e76;line-height:20px}.footer .friendlink b{color:#a8a195;font-weight:600}.footer .friendlink a{color:#b19e79;white-space:nowrap;margin-right:12px;text-decoration:none;font-size:14px}.footer .friendlink a:hover{color:#d4b98a;text-decoration:underline}.footer .footer-locale-switcher{float:right;margin-right:0;padding:10px 0;line-height:30px}.footer .footer-locale-switcher label{margin-right:8px;color:#a8a195;font-size:13px;position:static;width:auto;height:auto;clip:auto;overflow:visible}.footer .footer-locale-switcher select{background:0 0;color:#a8a195;border:1px solid #4a4540;border-radius:3px;padding:2px 4px;font-size:13px;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.footer .footer-locale-switcher select:hover{border-color:#a8a195}.footer .footer-nav{display:none}@media (max-width:879px){.footer{padding:12px 16px}.footer .friendlink,.footer .shengming{display:none}.footer .copyright{float:none;width:100%;text-align:center;padding:8px 0;font-size:12px}.footer .footer-locale-switcher{float:none;text-align:center;padding:8px 0}.footer .footer-locale-switcher label{display:inline}.footer .footer-nav{display:flex;width:100%;margin:12px 0;padding:0}.footer .footer-nav a{display:block;flex:1;text-align:center;font-size:13px;color:#86ab2e;line-height:14px;border-right:1px solid #3a3530;text-decoration:none}.footer .footer-nav a:hover{color:#a0c440}.footer .footer-nav a:last-child{border-right:0}}.site-top-nav{background:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 1px 3px rgba(0,0,0,.05)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:52px}.nav-left{display:flex;gap:8px}.nav-link{display:inline-block;padding:14px 20px;color:#666;font-size:15px;text-decoration:none;border-bottom:2px solid transparent;transition:all .3s ease}.nav-link:hover{color:#86ab2e;border-bottom-color:#86ab2e;text-decoration:none}.nav-link.active{color:#86ab2e;font-weight:500;border-bottom-color:#86ab2e}.nav-right{display:flex;align-items:center}.nav-bookshelf{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#f5f5f5;color:#666;border-radius:20px;text-decoration:none;font-size:14px;transition:all .3s ease}.nav-bookshelf:hover{background:#86ab2e;color:#fff;transform:translateY(-1px);text-decoration:none}.nav-bookshelf.active{background:#86ab2e;color:#fff}.nav-bookshelf .icon{width:18px;height:18px;fill:currentColor}.content-container{max-width:1200px;margin:0 auto;padding:0 20px}.content-container-narrow{max-width:880px;margin:0 auto;padding:24px 16px 40px}@media (max-width:599px){.nav-container{padding:0 12px;height:48px}.nav-left{gap:4px}.nav-link{padding:12px 12px;font-size:14px}.nav-bookshelf{padding:5px 12px;font-size:13px}.nav-bookshelf .icon{width:16px;height:16px}.content-container{padding:0 12px}.content-container-narrow{padding:16px 12px 32px}}@media (min-width:600px) and (max-width:879px){.nav-container{padding:0 16px}.content-container{padding:0 16px}}