/* ===== Reset & Base ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;background:#f6f6f6;color:#333;line-height:1.6;font-size:15px;overflow-x:hidden}
a{color:inherit;text-decoration:none;transition:color .2s}
a:hover{color:#38b572}
img{max-width:100%;height:auto;display:block}
ul,ol{list-style:none}
h1,h2,h3,h4{font-weight:600;line-height:1.4}
h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.05rem}h4{font-size:.95rem}

/* ===== Header ===== */
.site-header{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06);position:sticky;top:0;z-index:100}
.header-inner{max-width:1200px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between}
.logo{display:block;height:22px;font-size:0}
.logo-img{height:22px;width:auto}
.logo-sub{font-size:.7rem;color:#999;font-weight:400;margin-left:4px}
.nav-toggle{display:flex;align-items:center;gap:6px;background:none;border:1px solid #e8e8e8;border-radius:8px;padding:7px 12px;cursor:pointer;font-size:.85rem;color:#555;transition:all .2s}
.nav-toggle:hover{border-color:#38b572;color:#38b572}
.header-actions{display:flex;align-items:center;gap:8px}
.header-search-icon{display:flex;align-items:center;justify-content:center;color:#38b572;padding:7px;border-radius:50%;text-decoration:none}
.header-search-icon:hover{background:#e8f7ef}
.hamburger{width:20px;height:14px;position:relative;display:inline-block}
.hamburger span{position:absolute;left:0;width:100%;height:2.5px;background:currentColor;border-radius:2px;transition:all .3s ease}
.hamburger span:nth-child(1){top:0}
.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}
.hamburger span:nth-child(3){bottom:0}
.nav-toggle.active .hamburger span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}
.nav-toggle.active .hamburger span:nth-child(2){opacity:0}
.nav-toggle.active .hamburger span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}
.nav-toggle-text{font-size:.85rem}
.site-nav{max-width:1200px;margin:0 auto;padding:8px 20px 14px;display:none;flex-wrap:wrap;gap:4px 12px}
.site-nav.open{display:flex}
.notice-bar{display:flex;align-items:center;padding:8px 16px;font-size:.88rem;line-height:1.4;color:#666;background:#f0faf5;border-bottom:1px solid #d4ede0;overflow:hidden}
.notice-icon{flex-shrink:0;margin-right:8px;font-size:.88rem;line-height:1.4}
.notice-rotator{flex:1;overflow:hidden;position:relative;height:1.4em;line-height:1.4em}
.notice-item{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1a8a5c;text-decoration:none;opacity:0;position:absolute;top:0;left:0;right:0;transition:opacity .5s ease;text-align:center;font-weight:500;pointer-events:none}
.notice-item.active{opacity:1;position:relative;pointer-events:auto}
.notice-item:hover{color:#38b572}
.site-nav a{padding:6px 14px;border-radius:6px;font-size:.9rem;color:#555;transition:all .2s;white-space:nowrap}
.site-nav a:hover{background:#e8f7ef;color:#38b572}
.site-nav a.active{background:#38b572;color:#fff;font-weight:600}
.nav-search{display:flex;gap:8px;margin-bottom:10px;width:100%}
.nav-search-input{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;outline:none}
.nav-search-input:focus{border-color:#38b572;background:#fff}
.nav-search-btn{background:none;color:#999;border:none;border-radius:50%;padding:5px 8px;cursor:pointer;font-size:.9rem;flex-shrink:0}
.nav-search-btn:hover{color:#38b572}

/* ===== Layout ===== */
.container{max-width:1200px;margin:0 auto;padding:20px;display:flex;gap:24px;align-items:flex-start}
.main-content{flex:1;min-width:0}
.sidebar{width:300px;flex-shrink:0;position:sticky;top:76px}

/* ===== Headline ===== */
.headline-slider{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.12);margin-bottom:24px}
.headline-track{position:relative}
.headline-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .5s ease-in-out;z-index:1}
.headline-slide.active{opacity:1;z-index:2;position:relative}
.headline-link{display:block;position:relative}
.headline-pic{width:100%;height:260px;overflow:hidden}
.headline-pic img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.headline-link:hover .headline-pic img{transform:scale(1.04)}
.headline-overlay{position:absolute;left:0;right:0;bottom:0;padding:40px 20px 18px;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.3) 70%,transparent 100%)}
.headline-tag{display:inline-block;background:#38b572;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:4px;margin-bottom:8px}
.headline-title{font-size:1.4rem;color:#fff;line-height:1.5;margin-bottom:6px;text-shadow:0 1px 3px rgba(0,0,0,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.headline-date{font-size:.8rem;color:rgba(255,255,255,.8)}
.headline-dots{position:absolute;bottom:12px;right:16px;z-index:10;display:flex;gap:6px}
.headline-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:all .3s}
.headline-dot.active{background:#38b572;width:22px;border-radius:4px}

/* ===== Ads ===== */
.ad-sub{display:flex;gap:8px;margin-bottom:20px}
.ad-sub-item{flex:1;border-radius:6px;overflow:hidden}
.ad-sub-item img{width:100%;height:auto;display:block}
/* 首页快捷工具：仅手机端显示 */
/* 手机端首页广告只显示前2个，分2列 */
.ad-middle{margin-bottom:20px;border-radius:8px;overflow:hidden}
.ad-middle img{width:100%;height:auto;display:block}
.ad-bottom{display:flex;gap:10px;margin-bottom:20px}
.ad-bottom-item{flex:1;border-radius:6px;overflow:hidden}
.ad-bottom-item img{width:100%;height:auto;display:block}
.ad-inset{margin:16px 0;border-radius:6px;overflow:hidden}
.ad-inset img{width:100%;height:auto;display:block}
.sidebar-ad{display:block;margin-bottom:10px;border-radius:6px;overflow:hidden}
.sidebar-ad img{width:100%;height:auto;display:block}
.sidebar-ad:last-child{margin-bottom:0}

/* ===== Section ===== */
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.section-title{font-size:1.15rem;color:#222;position:relative;padding-left:12px}
.section-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:18px;background:#38b572;border-radius:2px}
.more-link{font-size:.85rem;color:#38b572}
.cate-section{background:#fff;border-radius:10px;padding:16px 20px;margin-bottom:20px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.cate-desc{font-size:.85rem;color:#999;margin:-6px 0 14px}

/* ===== Article List (左图右文) ===== */
.article-list{display:flex;flex-direction:column;background:#fff;border-radius:10px;padding:0 20px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.article-row{padding:20px 0;border-bottom:1px solid #EAEAEA}
.article-list .article-row:last-child{border-bottom:none}
.article-row-link{display:flex;align-items:flex-start;gap:14px}
.article-row-pic{width:220px;height:150px;flex-shrink:0;overflow:hidden;border-radius:6px;background:#38b572}
.article-row-pic img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.article-row:hover .article-row-pic img{transform:scale(1.06)}
.article-row-desc{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.article-row-desc h3{font-size:18px;font-weight:700;color:#333;line-height:1.5;margin-bottom:6px;transition:color .2s}
.article-row:hover .article-row-desc h3{color:#38b572}
.article-row-desc p{font-size:.85rem;color:#999;line-height:1.5;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.article-date{font-size:.78rem;color:#ccc}

/* ===== Q&A Section (homepage) ===== */
.qa-section{background:#fff;border-radius:10px;padding:16px 20px;margin-bottom:20px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.qa-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qa-item{padding:12px 14px;background:#f8f9fa;border-radius:8px;border-left:3px solid #38b572}
.qa-question{font-size:.9rem;font-weight:500;color:#333;display:block;margin-bottom:4px}
.qa-answer{font-size:.82rem;color:#888;line-height:1.5}

/* ===== Sidebar ===== */
.widget{background:#fff;border-radius:10px;padding:16px 16px;margin-bottom:16px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.widget-title{font-size:1rem;margin-bottom:12px;color:#222}
.purine-widget .purine-search{display:flex;gap:8px}
.purine-input{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;outline:none}
.purine-input:focus{border-color:#38b572}
.purine-btn{background:#38b572;color:#fff;border:none;border-radius:6px;padding:0 16px;cursor:pointer;font-size:.9rem}
.purine-btn:hover{background:#2fa063}
.purine-result{margin-top:10px;font-size:.85rem;color:#666}
.announcement-text{font-size:.85rem;color:#888;line-height:1.6}
.popular-list li{display:flex;align-items:center;gap:8px;padding:7px 0}
.popular-rank{width:20px;height:20px;border-radius:4px;background:#e0e0e0;color:#888;font-size:.75rem;text-align:center;line-height:20px;flex-shrink:0}
.popular-list li:nth-child(1) .popular-rank{background:#ff4d4f;color:#fff}
.popular-list li:nth-child(2) .popular-rank{background:#ff7a45;color:#fff}
.popular-list li:nth-child(3) .popular-rank{background:#ffa940;color:#fff}
.popular-list li a{font-size:.85rem;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.popular-list li a:hover{color:#38b572}

/* ===== Article Detail ===== */
.breadcrumb{font-size:.85rem;color:#999;margin-bottom:16px;padding:10px 20px;background:#fff;border-radius:8px}
.breadcrumb a:hover{color:#38b572}
.article-detail{background:#fff;border-radius:10px;padding:28px 24px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.article-title{font-size:1.6rem;color:#222;margin-bottom:12px;line-height:1.5}
.article-meta{display:flex;gap:16px;font-size:.82rem;color:#aaa;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #f0f0f0;flex-wrap:wrap}
.meta-cate{background:#e8f7ef;color:#38b572;padding:2px 10px;border-radius:4px}
.article-cover{margin-bottom:20px;border-radius:8px;overflow:hidden}
.article-cover img{width:100%}
.article-content{font-size:16px;line-height:1.8;color:#333;overflow-wrap:break-word;word-break:break-word}
.article-content h2{font-size:24px;margin:28px 0 14px;padding-left:12px;border-left:4px solid #38b572;color:#222}
.article-content h3{font-size:1.1rem;margin:22px 0 10px;color:#333}
.article-content p{margin-bottom:16px}
.article-content a{color:#1565c0;text-decoration:underline;text-underline-offset:2px;transition:color .2s}.article-content a:hover{color:#0d47a1;text-decoration:none;background:rgba(21,101,192,.08);border-radius:2px}
.article-content img{max-width:100%;height:auto;margin:16px auto;border-radius:6px;display:block}
.article-content ul,.article-content ol{margin:12px 0 16px 20px}
.article-content li{margin-bottom:6px}
.article-content strong{color:#222}
.article-content blockquote{border-left:4px solid #38b572;padding:10px 16px;background:#f8f9fa;margin:16px 0;border-radius:0 6px 6px 0;color:#666}
.ref-section{margin-top:32px;padding:20px 22px;background:#f7f9fc;border-radius:10px;border:1px solid #e8ecf2}
.ref-section h3{font-size:.92rem;color:#8a94a6;font-weight:600;margin:0 0 14px;padding:0;letter-spacing:.5px}
.ref-section h3::before{content:'';display:inline-block;width:3px;height:14px;background:#5b9bf5;border-radius:2px;margin-right:8px;vertical-align:-2px}
.ref-list{list-style:none;counter-reset:ref;padding:0;margin:0}
.ref-list li{counter-increment:ref;position:relative;padding:8px 0 8px 32px;font-size:.82rem;color:#6b7280;line-height:1.75;border-bottom:1px dashed #edf0f5}
.ref-list li:last-child{border-bottom:none}
.ref-list li::before{content:counter(ref);position:absolute;left:0;top:8px;min-width:22px;height:22px;line-height:22px;text-align:center;font-size:.72rem;font-weight:600;color:#5b9bf5;background:#eaf1fe;border-radius:6px}
.ref-list li a{color:#5b9bf5;text-decoration:none;word-break:break-all;transition:color .15s}
.ref-list li a:hover{color:#3a7dd8;text-decoration:underline}
.ref-text{font-size:.82rem;color:#888;line-height:1.8;margin:0}

/* ===== Share Bar ===== */
.share-bar{display:flex;align-items:center;gap:12px;margin:24px 0;padding:14px 20px;background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.share-label{font-size:.85rem;color:#999;flex-shrink:0}
.share-btns{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.share-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;font-size:.8rem;color:#666;background:#f5f7f5;transition:all .2s;text-decoration:none}
.share-btn:hover{color:#fff}
.share-btn svg{flex-shrink:0}
.share-wechat:hover{background:#07c160}
.share-weibo:hover{background:#e6162d}
.share-qq:hover{background:#12b7f5}
.share-copy:hover{background:#38b572}
.share-native:hover{background:#38b572}
/* PC端隐藏原生分享按钮，手机端隐藏平台按钮 */
.share-native{display:none}
@media(max-width:900px){
    .share-wechat,.share-weibo,.share-qq,.share-copy{display:none}
    .share-native{display:inline-flex}
}
.share-qr-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.55);z-index:9999;align-items:center;justify-content:center}
.share-qr-overlay.show{display:flex}
.share-qr-box{background:#fff;border-radius:12px;padding:24px;text-align:center;max-width:260px}
.share-qr-title{font-size:1rem;color:#333;margin-bottom:14px;font-weight:600}
.share-qr-box img{border-radius:8px;margin:0 auto}
.share-qr-tip{font-size:.8rem;color:#999;margin-top:12px}
.share-guide-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.65);z-index:9999}
.share-guide-overlay.show{display:block}
.share-guide-arrow{position:absolute;top:16px;right:24px;font-size:3rem;color:#fff;animation:guideBounce 1s ease-in-out infinite}
@keyframes guideBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.share-guide-text{position:absolute;top:80px;right:20px;text-align:right;color:#fff;font-size:1.1rem;line-height:2}

/* ===== Prev/Next ===== */
/* 上一篇/下一篇 */
.prev-next{display:flex;gap:12px;margin:24px 0}
.pn-card{flex:1;display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid #eef0f3;border-radius:10px;padding:14px 16px;text-decoration:none;transition:all .2s;min-height:72px;box-sizing:border-box}
.pn-card:hover{border-color:#38b572;box-shadow:0 4px 14px rgba(56,181,114,.12);transform:translateY(-1px)}
.pn-label{font-size:.75rem;color:#9aa0a6;letter-spacing:.5px;display:flex;align-items:center}
.pn-next .pn-label{justify-content:flex-end}
.pn-title{font-size:.9rem;color:#333;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pn-next .pn-title{text-align:right}
.pn-card:hover .pn-title{color:#2a9d5a}
.pn-empty{visibility:hidden}
@media(max-width:600px){.prev-next{flex-direction:column;gap:8px}.pn-card{min-height:0;padding:12px 14px}.pn-next .pn-label,.pn-next .pn-title{text-align:left;justify-content:flex-start}}

/* ===== Related ===== */
.related-section{background:#fff;border-radius:10px;padding:20px 24px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.related-list{display:flex;flex-direction:column;gap:0;margin-top:14px}
.related-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f0;transition:background .2s;text-decoration:none}
.related-item:last-child{border-bottom:none}
.related-item:hover{background:#f8fbf8}
.related-thumb{flex-shrink:0;width:110px;height:73px;border-radius:6px;overflow:hidden;background:#f5f5f5}
.related-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.related-item:hover .related-thumb img{transform:scale(1.06)}
.related-info{flex:1;min-width:0}
.related-info h4{font-size:.88rem;color:#333;margin-bottom:3px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.related-info span{font-size:.76rem;color:#aaa}

/* ===== Category List Page ===== */
.cate-header{background:#fff;border-radius:10px;padding:20px 20px;margin-bottom:20px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.cate-title{font-size:1.4rem;color:#222;margin-bottom:6px}
.cate-description{font-size:.88rem;color:#999}
.article-list .article-grid{grid-template-columns:repeat(2,1fr)}
.empty-tip{text-align:center;padding:60px 20px;color:#aaa;font-size:1rem}

/* ===== Q&A Pages ===== */
/* qa-full removed - redesigned */
/* qa-badge removed - redesigned */
.qa-detail{background:#fff;border-radius:10px;padding:28px 24px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.qa-detail-q{display:flex;align-items:flex-start;gap:8px;margin-bottom:20px}
.qa-detail-q h1{font-size:1.3rem;color:#222}
.qa-detail-a{display:flex;align-items:flex-start;gap:8px;padding-top:20px;border-top:1px solid #f0f0f0}
.qa-detail-content{font-size:15px;line-height:1.8;color:#333;flex:1}

/* ===== Search ===== */
.search-results{display:flex;flex-direction:column;gap:12px}
.search-item{background:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 1px 4px rgba(0,0,0,.04);transition:all .2s}
.search-item:hover{box-shadow:0 2px 8px rgba(56,181,114,.1)}
.search-item h3{font-size:1rem;color:#333;margin-bottom:6px}
.search-item p{font-size:.85rem;color:#888;margin-bottom:4px}

/* ===== Pagination ===== */
.pagination{display:flex;justify-content:center;gap:6px;margin:24px 0;flex-wrap:wrap}
.pagination a{padding:6px 12px;background:#fff;border-radius:6px;font-size:.85rem;color:#666;border:1px solid #e8e8e8;transition:all .2s}
.pagination a:hover{border-color:#38b572;color:#38b572}
.pagination a.active{background:#38b572;color:#fff;border-color:#38b572}

/* ===== Footer ===== */
.site-footer{background:#fff;border-top:1px solid #f0f0f0;padding:24px 20px;text-align:center;margin-top:20px}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-inner p{font-size:.82rem;color:#999;margin-bottom:4px}
.footer-disclaimer{font-size:.78rem;color:#ccc}
.footer-icp{font-size:.78rem;color:#aaa}
.footer-icp a{color:#aaa;text-decoration:none}
.footer-icp a:hover{color:#38b572}

/* ===== Error Page ===== */
.error-page{text-align:center;padding:80px 20px;background:#fff;border-radius:10px}
.error-page h1{font-size:3rem;color:#38b572;margin-bottom:10px}
.error-page p{color:#888;margin-bottom:20px}
.back-home{display:inline-block;padding:8px 24px;background:#38b572;color:#fff;border-radius:6px;font-size:.9rem}

/* ===== PC Navigation (always visible) ===== */
@media (min-width:901px){
    .nav-toggle{display:none}
    .header-search-icon{display:none}
    .site-nav{display:flex !important}
}

/* ===== Responsive ===== */
@media (max-width:900px){
    .container{flex-direction:column;padding:12px;align-items:stretch}
    .sidebar{width:100%;position:static;flex-shrink:0;margin-top:20px}
    .sidebar-ad{display:none}
    .sidebar-ad-widget{display:none}
    .header-inner{padding:0 12px}
    .article-grid{grid-template-columns:1fr}
    .article-row-pic{width:120px;height:80px}
    .article-row-desc h3{font-size:18px;font-weight:bold;line-height:1.5}
    .article-row-desc p{font-size:.92rem}
    .qa-question{font-size:1rem}
    .qa-answer{font-size:.92rem}
    .popular-list li a{font-size:.92rem}
    .cate-desc{font-size:.92rem}
    .qa-list{grid-template-columns:1fr}
    .related-thumb{width:90px;height:60px}
    .headline-pic{height:180px}
    .headline-overlay{padding:30px 12px 14px}
    .headline-title{font-size:1.25rem}
    .article-detail{padding:20px 16px}
    .article-content{font-size:17px}
    .related-section{padding:16px 16px}
    .qa-detail{padding:20px 16px}
    .nav-toggle-text{display:none}
    .site-nav.open{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:12px 16px 14px}
    .site-nav .nav-search{grid-column:1/-1;margin-bottom:6px}
    .site-nav a{text-align:center;padding:9px 8px;font-size:.85rem;border:1px solid #eee}
    .page-home .container{flex-direction:column}
    .page-home .sidebar{display:none}
    .article-list{background:none;box-shadow:none;padding:0;border-radius:0}
    .ad-sub{flex-wrap:wrap;gap:6px}
    .ad-sub-item{flex:1 1 calc(50% - 6px)}
    .ad-bottom{flex-wrap:wrap;gap:8px}
    .ad-bottom-item{flex:1 1 calc(50% - 8px)}
}
@media (max-width:480px){
    .header-inner{height:48px}
    .logo{font-size:1.2rem}
    .section-title{font-size:1.15rem}
    .article-card-pic{height:140px}
    .cate-section{padding:14px 14px}
    .qa-section{padding:14px 14px}
    .widget{padding:14px 14px}
    .food-list{grid-template-columns:1fr}
    .food-page{padding:20px 14px}
}

/* ===== 嘌呤工具页移动端 ===== */
@media (max-width:768px){
    .food-hero{padding:24px 14px 20px}
    .food-hero-title{font-size:1.4rem}
    .food-hero-sub{font-size:.82rem;margin-bottom:16px}
    .food-stats{gap:8px;margin-bottom:18px}
    .food-stat-item{padding:8px 12px;min-width:64px}
    .food-stat-item .food-stat-num{font-size:1.2rem}
    .food-stat-item .food-stat-label{font-size:.68rem}
    .food-search-box{flex-direction:row}
    .food-search-box input{padding:12px 14px;font-size:.9rem}
    .food-search-box button{padding:0 18px;font-size:.9rem}
    .food-filter-bar{padding:12px 14px 0}
    .food-grid-wrap{padding:12px 14px}
    .food-grid{grid-template-columns:repeat(2,1fr);gap:10px}
    .food-card-pic{height:90px}
    .food-card-name{font-size:.85rem}
    .food-purine-val{font-size:1rem}
    .food-card-meta{font-size:.65rem;gap:6px}
    .food-guide{padding:20px 14px 28px}
    .food-guide-cards{grid-template-columns:1fr;gap:10px}
    .food-guide-card{padding:16px}
    .food-modal-content{margin:30px 12px 0;max-height:85vh}
    .food-modal-pic{height:160px}
    .food-modal-stats{flex-wrap:wrap}
    .food-modal-stat{min-width:calc(50% - 5px)}
}

/* ===== 嘌呤查询工具页 ===== */
.food-tool-page{background:#f6f6f6}
.food-hero{background:linear-gradient(135deg,#38b572 0%,#2d9d63 100%);padding:36px 20px 28px;color:#fff}
.food-hero-inner{max-width:1200px;margin:0 auto;text-align:center}
.food-hero-title{font-size:1.8rem;font-weight:700;margin-bottom:6px}
.food-hero-sub{font-size:.9rem;opacity:.85;margin-bottom:20px}
.food-stats{display:flex;justify-content:center;gap:12px;margin-bottom:24px;flex-wrap:wrap}
.food-stat-item{background:rgba(255,255,255,.15);backdrop-filter:blur(6px);border-radius:12px;padding:12px 20px;min-width:80px;text-align:center}
.food-stat-item .food-stat-num{display:block;font-size:1.6rem;font-weight:700;line-height:1.2}
.food-stat-item .food-stat-label{display:block;font-size:.75rem;opacity:.85;margin-top:2px}
.food-stat-item.low{background:rgba(76,175,80,.3)}
.food-stat-item.mid{background:rgba(255,152,0,.3)}
.food-stat-item.high{background:rgba(244,67,54,.3)}
.food-search-box{display:flex;gap:10px;max-width:560px;margin:0 auto}
.food-search-box input{flex:1;padding:14px 18px;border:none;border-radius:10px;font-size:1rem;outline:none;background:#fff}
.food-search-box button{background:#333;color:#fff;border:none;border-radius:10px;padding:0 28px;font-size:1rem;cursor:pointer;white-space:nowrap;transition:background .2s}
.food-search-box button:hover{background:#555}

.food-filter-bar{max-width:1200px;margin:0 auto;padding:16px 20px 0}
.food-filter-tabs{display:flex;gap:8px;flex-wrap:wrap}
.food-tab{padding:8px 16px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:.85rem;color:#666;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}
.food-tab:hover{border-color:#38b572}
.food-tab.active{border-color:#38b572;background:#e8f7ef;color:#38b572;font-weight:600}
.food-tab-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.food-tab-dot.low{background:#4caf50}
.food-tab-dot.mid{background:#ff9800}
.food-tab-dot.high{background:#f44336}

.food-grid-wrap{max-width:1200px;margin:0 auto;padding:16px 20px}
.food-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.food-card{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;border:1px solid #f0f0f0}
.food-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.08)}
.food-card-pic{width:100%;height:120px;overflow:hidden;background:#f5f5f5}
.food-card-pic img{width:100%;height:100%;object-fit:cover}
.food-card-body{padding:10px 12px 12px}
.food-card-name{font-size:.95rem;font-weight:600;color:#333;margin-bottom:6px}
.food-card-purine{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}
.food-purine-val{font-size:1.2rem;font-weight:700;color:#333}
.food-purine-unit{font-size:.7rem;color:#999}
.food-card-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.72rem;font-weight:600;margin-bottom:6px}
.food-card-meta{font-size:.72rem;color:#999;display:flex;gap:8px}

.food-load-more{text-align:center;padding:20px 0}
.food-load-more button{background:#fff;border:2px solid #38b572;color:#38b572;border-radius:8px;padding:10px 32px;font-size:.9rem;cursor:pointer;transition:all .2s}
.food-load-more button:hover{background:#38b572;color:#fff}

.food-search-results{padding:0}
.food-search-count{font-size:.85rem;color:#888;margin-bottom:12px;padding:0 4px}
.food-empty,.food-loading{text-align:center;padding:40px;color:#999;font-size:.9rem}

/* 嘌呤等级参考 */
.food-guide{max-width:1200px;margin:0 auto;padding:28px 20px 36px}
.food-guide-title{font-size:1.2rem;color:#333;margin-bottom:16px;text-align:center}
.food-guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.food-guide-card{background:#fff;border-radius:12px;padding:20px;border-top:4px solid #ddd}
.food-guide-card.low{border-top-color:#4caf50}
.food-guide-card.mid{border-top-color:#ff9800}
.food-guide-card.high{border-top-color:#f44336}
.food-guide-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.food-guide-dot{width:10px;height:10px;border-radius:50%}
.food-guide-card.low .food-guide-dot{background:#4caf50}
.food-guide-card.mid .food-guide-dot{background:#ff9800}
.food-guide-card.high .food-guide-dot{background:#f44336}
.food-guide-name{font-size:1rem;font-weight:600;color:#333}
.food-guide-range{font-size:.85rem;font-weight:600;color:#555;margin-bottom:8px}
.food-guide-desc{font-size:.82rem;color:#666;line-height:1.5;margin-bottom:8px}
.food-guide-examples{font-size:.78rem;color:#999;background:#f8f9fa;padding:6px 10px;border-radius:6px}
.food-guide-tip{text-align:center;font-size:.78rem;color:#bbb;margin-top:16px}

/* 食物详情弹窗 */
.food-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}
.food-modal.active{display:block}
.food-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
.food-modal-content{position:relative;max-width:480px;margin:60px auto 0;background:#fff;border-radius:16px;overflow:hidden;max-height:80vh;overflow-y:auto}
.food-modal-close{position:absolute;top:12px;right:16px;font-size:28px;color:#999;cursor:pointer;z-index:10;line-height:1}
.food-modal-close:hover{color:#333}
.food-modal-pic{width:100%;height:200px;overflow:hidden;background:#f5f5f5}
.food-modal-pic img{width:100%;height:100%;object-fit:cover}
.food-modal-name{font-size:1.4rem;font-weight:700;color:#333;padding:16px 20px 4px}
.food-modal-alias{font-size:.82rem;color:#999;padding:0 20px 12px}
.food-modal-stats{display:flex;gap:10px;padding:0 20px 16px}
.food-modal-stat{flex:1;background:#f8f9fa;border-radius:10px;padding:14px 8px;text-align:center}
.food-modal-stat.main{display:flex;flex-direction:column;align-items:center;gap:4px}
.food-modal-stat .num{font-size:1.4rem;font-weight:700;color:#333;display:block;line-height:1.2}
.food-modal-stat .label{font-size:.72rem;color:#999;display:block;margin-top:2px}
.food-modal-stat .badge{font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:10px;background:#fff;margin-top:2px}
.food-modal-desc{padding:0 20px 16px;font-size:.85rem;color:#555;line-height:1.7}
.food-modal-tip{padding:0 20px 20px;font-size:.75rem;color:#bbb}

/* ===== 专题页 ===== */
.special-banner{width:100%;border-radius:10px;overflow:hidden;margin-bottom:16px}
.special-banner img{width:100%;height:auto;display:block}
.special-intro{font-size:.9rem;color:#888;line-height:1.6;margin-bottom:16px;padding:0 4px}
.special-title{font-size:1.4rem;color:#222;margin-bottom:20px;padding:0 4px}

/* PC搜索框组 */
.nav-search-group{display:none}
@media (min-width:901px){
    .nav-search-group{display:flex;gap:14px;width:100%;margin-top:8px}
    .nav-search-group .nav-search{flex:1;display:flex;align-items:stretch;margin:0;background:#f8f9fa;border:1.5px solid transparent;border-radius:10px;overflow:hidden;transition:all .2s}
    .nav-search-group .nav-search:focus-within{background:#fff;border-color:#38b572;box-shadow:0 2px 8px rgba(56,181,114,.12)}
    .nav-search-group .nav-search-label{flex-shrink:0;display:flex;align-items:center;padding:0 10px 0 14px;font-size:.78rem;color:#38b572;font-weight:600;letter-spacing:.5px}
    .nav-search-group .nav-search-input{flex:1;width:100%;padding:12px 4px;font-size:.88rem;border:none;background:transparent;color:#333;outline:none}
    .nav-search-group .nav-search-input::placeholder{color:#b0b0b0}
    .nav-search-group .nav-search-btn{flex-shrink:0;border:none;background:transparent;color:#38b572;padding:0 14px;cursor:pointer;font-size:1.05rem;display:flex;align-items:center;transition:color .2s}
    .nav-search-group .nav-search-btn:hover{color:#2fa063}
}

/* ===== 用户系统样式 ===== */
.auth-card{background:#fff;border-radius:12px;padding:36px 32px;margin:40px auto;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.auth-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:24px;color:#333}
.auth-error{background:#fff0f0;color:#e74c3c;padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:.88rem}
.auth-success{background:#f0fff4;color:#38b572;padding:10px 14px;border-radius:8px;margin-bottom:16px;font-size:.88rem}
.auth-form .form-group{margin-bottom:16px}
.auth-form .form-group label{display:block;font-size:.85rem;color:#666;margin-bottom:6px}
.form-input{width:100%;padding:12px 14px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .2s;box-sizing:border-box}
.form-input:focus{border-color:#38b572;outline:none}
.auth-btn{width:100%;padding:13px;background:#38b572;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:4px}
.auth-btn:hover{background:#2fa063}
.auth-switch{text-align:center;margin-top:18px;font-size:.88rem;color:#999}
.auth-switch a{color:#38b572;font-weight:500}
.auth-back{text-align:center;margin-top:12px}
.auth-back a{color:#bbb;font-size:.82rem}

/* Dashboard */
.dashboard-header{margin:20px 0}
.dashboard-header h1{font-size:22px;font-weight:700;color:#333}
.dashboard-sub{color:#999;font-size:.88rem;margin-top:4px}

.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.stat-card{background:#fff;border-radius:10px;padding:16px 14px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.stat-latest{border:2px solid #38b572}
.stat-label{font-size:.75rem;color:#999;margin-bottom:6px}
.stat-value{font-size:28px;font-weight:700;color:#333;line-height:1.2}
.stat-unit{font-size:12px;color:#bbb;font-weight:400;margin-left:2px}
.stat-date{font-size:.75rem;color:#ccc;margin-top:4px}
.stat-status{display:inline-block;font-size:.72rem;padding:2px 8px;border-radius:10px;margin-top:4px}
.status-normal{background:#e8f7ee;color:#38b572}
.status-high{background:#fff0f0;color:#e74c3c}
.status-low{background:#e8f0ff;color:#3498db}

.record-form-card,.chart-card,.history-card,.health-tip{background:#fff;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.card-title{font-size:16px;font-weight:700;margin-bottom:16px;color:#333}
.record-form-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.record-form-row .form-group{flex:1;min-width:120px}
.record-form-row .form-group-note{flex:2}
.record-form-row .form-group-submit{flex:0 0 auto}
.record-form-row .form-group-submit .auth-btn{width:auto;padding:12px 28px;margin-top:0}

.chart-wrapper{width:100%;overflow:hidden}
.chart-legend{display:flex;gap:20px;justify-content:center;margin-top:12px;flex-wrap:wrap}
.legend-item{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#888}
.legend-dot{width:10px;height:10px;border-radius:50%}
.legend-line{width:20px;height:2px}
.chart-empty{text-align:center;color:#ccc;padding:30px 0;font-size:.9rem}

.record-table{width:100%;border-collapse:collapse;font-size:.88rem}
.record-table th{text-align:left;padding:10px 8px;border-bottom:2px solid #f0f0f0;color:#999;font-weight:600;font-size:.8rem}
.record-table td{padding:10px 8px;border-bottom:1px solid #f5f5f5;color:#555}
.record-value{font-weight:600;color:#333}
.record-value .unit{font-size:.72rem;color:#bbb;font-weight:400}
.record-note{color:#aaa;font-size:.82rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.delete-btn{background:none;border:1px solid #eee;color:#e74c3c;padding:4px 10px;border-radius:6px;font-size:.75rem;cursor:pointer;transition:all .2s}
.delete-btn:hover{background:#fff0f0;border-color:#e74c3c}

.health-tip{background:#f8fbf9;border:1px solid #e0f0e6}
.health-tip p{font-size:.82rem;color:#777;line-height:1.7;margin:4px 0}
.health-tip strong{color:#38b572}

@media (max-width:600px){
    .stats-grid{grid-template-columns:repeat(2,1fr)}
    .record-form-row{flex-direction:column}
    .record-form-row .form-group{width:100%}
    .record-form-row .form-group-submit .auth-btn{width:100%}
    .auth-card{padding:24px 18px;margin:20px auto}
    .stat-value{font-size:22px}
    .record-table{font-size:.82rem}
    .record-note{max-width:80px}
}
/* 尿酸记录边栏小工具 */
.ua-widget.ua-tool,.purine-widget.purine-tool{background:#fff;border-radius:12px;padding:16px 14px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid #f0f0f0}
.tool-header{display:flex;align-items:center;gap:6px;margin-bottom:14px}
.tool-icon{font-size:1.1rem;line-height:1}
.ua-widget .widget-title,.purine-widget .widget-title{font-size:.9rem;font-weight:700;color:#333;margin:0;padding:0;border:none;display:inline}

/* 尿酸量条 */
.ua-gauge{margin-bottom:14px}
.ua-gauge-value{display:flex;align-items:baseline;gap:4px;margin-bottom:10px;flex-wrap:wrap}
.ua-value{font-size:32px;font-weight:800;color:#38b572;line-height:1}
.ua-value-high{color:#e74c3c}
.ua-value-normal{color:#38b572}
.ua-value-low{color:#5b9bf5}
.ua-unit{font-size:.75rem;color:#999}
.ua-user-nick{margin-left:auto;font-size:.85rem;color:#38b572;background:#f0faf5;padding:3px 10px;border-radius:10px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;transition:background .2s}
a.ua-user-nick:hover{background:#dff5e9;color:#2d9a5f;text-decoration:none}
.ua-status{font-size:.7rem;padding:2px 8px;border-radius:10px;font-weight:600;margin-left:4px}
.ua-status-high{background:#fff0f0;color:#e74c3c}
.ua-status-normal{background:#f0faf5;color:#38b572}
.ua-status-low{background:#f0f6ff;color:#5b9bf5}
.ua-gauge-bar{position:relative;height:10px;border-radius:5px;overflow:visible;margin-bottom:6px}
.ua-gauge-track{display:flex;height:100%;border-radius:5px;overflow:hidden}
.ua-zone-low{flex:108;background:#5b9bf5;opacity:.35}
.ua-zone-normal{flex:220;background:#38b572;opacity:.35}
.ua-zone-high{flex:172;background:#e74c3c;opacity:.35}
.ua-gauge-needle{position:absolute;top:-3px;width:3px;height:16px;background:#333;border-radius:2px;transform:translateX(-50%);transition:left .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.3)}
.ua-gauge-labels{display:flex;justify-content:space-between;font-size:.65rem;color:#aaa}
.ua-gauge-normal-label{color:#38b572;font-weight:600}
.ua-gauge-demo .ua-gauge-bar{margin-top:0}

/* 迷你趋势点 */
.ua-mini-trend{display:flex;align-items:center;gap:4px;margin-bottom:12px;padding:6px 0}
.ua-trend-dot{width:10px;height:10px;border-radius:50%;transition:transform .2s}
.ua-trend-dot:hover{transform:scale(1.3)}
.dot-high{background:#e74c3c}
.dot-normal{background:#38b572}
.dot-low{background:#5b9bf5}

/* 快速录入 */
.ua-quick-form{display:flex;gap:8px;margin-bottom:8px}
.ua-input{flex:1;padding:9px 10px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:.85rem;outline:none;transition:border-color .2s}
.ua-input:focus{border-color:#38b572}
.ua-btn{padding:9px 18px;background:#38b572;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}
.ua-btn:hover{background:#2da063}
.ua-btn:disabled{opacity:.6;cursor:not-allowed}
.ua-dashboard-link{display:block;text-align:center;color:#38b572;font-size:.78rem;text-decoration:none;padding:6px 0;border-top:1px solid #f0f0f0;margin-top:4px}
.ua-dashboard-link:hover{text-decoration:underline}
.ua-login-tip{font-size:.8rem;color:#999;line-height:1.6;margin:0 0 12px;text-align:center}
.ua-login-btn{display:block;text-align:center;background:#38b572;color:#fff;padding:10px 0;border-radius:8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s}
.ua-login-btn:hover{background:#2da063}

/* 嘌呤查询工具 */
.purine-widget .purine-search{display:flex;gap:8px;margin-bottom:10px}
.purine-input{flex:1;padding:9px 12px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:.85rem;outline:none;transition:border-color .2s}
.purine-input:focus{border-color:#38b572}
.purine-btn{padding:9px 16px;background:#38b572;color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}
.purine-btn:hover{background:#2da063}
.purine-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.purine-chip{padding:5px 10px;border:1px solid #e8e8e8;border-radius:16px;background:#fafafa;font-size:.75rem;color:#666;cursor:pointer;transition:all .2s}
.purine-chip:hover{border-color:#38b572;color:#38b572;background:#f0faf5}
.purine-result{font-size:.82rem}
.purine-result-card{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;margin-bottom:6px;transition:background .2s}
.purine-result-card:hover{background:#f8f9fa}
.purine-result-name{font-weight:600;color:#333}
.purine-result-info{display:flex;align-items:center;gap:6px}
.purine-result-value{font-size:.8rem;color:#666}
.purine-badge{font-size:.65rem;padding:2px 7px;border-radius:10px;font-weight:600}
.purine-badge-high{background:#fff0f0;color:#e74c3c}
.purine-badge-mid{background:#fff8e6;color:#f5a623}
.purine-badge-low{background:#f0faf5;color:#38b572}

/* ===== 静态SEO页面样式 0812a ===== */
.page-content{max-width:760px;margin:0 auto;padding:24px 0}
.page-title{font-size:28px;font-weight:700;color:#1a7f5a;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #e8f5ef}
.page-content .article-body h2{font-size:20px;color:#1a7f5a;margin:28px 0 12px;font-weight:600}
.page-content .article-body p{font-size:16px;line-height:1.9;color:#2c3e50;margin-bottom:14px}
.page-content .article-body strong{color:#1a7f5a}
.update-date{font-size:14px;color:#999;margin-bottom:20px}

/* 站点地图样式 */
.sitemap-sections{display:flex;flex-direction:column;gap:32px}
.sitemap-section h2{font-size:18px;color:#1a7f5a;margin-bottom:12px;font-weight:600;padding-bottom:8px;border-bottom:1px solid #e8f5ef}
.sitemap-links{list-style:none;padding:0}
.sitemap-links li{margin-bottom:8px}
.sitemap-links li a{color:#2c3e50;font-size:15px;text-decoration:none;transition:color .2s}
.sitemap-links li a:hover{color:#1a7f5a}
.sitemap-links.sitemap-articles{columns:2;gap:20px}
@media(max-width:768px){.sitemap-links.sitemap-articles{columns:1}}

/* Footer链接样式 */
.footer-links{margin-bottom:12px}
.footer-links a{color:#999;font-size:13px;text-decoration:none;transition:color .2s}
.footer-links a:hover{color:#1a7f5a}
.footer-sep{color:#ddd;margin:0 6px}

/* ===== 尿酸记录页 v0812b 优化 ===== */

/* 历史记录卡片列表 */
.record-list{display:flex;flex-direction:column;gap:0}
.record-item{display:flex;align-items:center;gap:12px;padding:12px 10px;border-bottom:1px solid #f5f5f5;transition:background .2s}
.record-item:last-child{border-bottom:none}
.record-item:hover{background:#fafafa}
.record-item-main{display:flex;align-items:center;gap:8px;min-width:0}
.record-item-value{font-size:1rem;font-weight:700;color:#333;white-space:nowrap}
.record-item-value .unit{font-size:.72rem;color:#bbb;font-weight:400}
.record-item-meta{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.record-item-date{font-size:.82rem;color:#999;white-space:nowrap}
.record-item-note{font-size:.78rem;color:#aaa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.record-delete-btn{flex-shrink:0}

/* 状态左边框 */
.record-item.status-high{border-left:3px solid #e74c3c;padding-left:10px}
.record-item.status-normal{border-left:3px solid #38b572;padding-left:10px}
.record-item.status-low{border-left:3px solid #f5a623;padding-left:10px}

/* Toast */
.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(0,0,0,.78);color:#fff;padding:10px 24px;border-radius:24px;font-size:.88rem;z-index:9999;opacity:0;pointer-events:none;transition:all .3s ease}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* 浮动快捷录入条（仅移动端） */
.mobile-quick-bar{display:none}

/* 表单输入优化 */
.ua-value-input{font-size:1.1rem;font-weight:600}

/* ===== 移动端尿酸记录优化 ===== */
@media (max-width:768px){
    /* 历史记录卡片化 */
    .record-item{padding:14px 12px}
    .record-item-value{font-size:1.05rem}
    .record-item-meta{flex-wrap:wrap}
    .record-item-note{font-size:.75rem}
    
    /* 浮动快捷录入条 */
    .mobile-quick-bar{
        display:flex;
        position:fixed;
        bottom:0;left:0;right:0;
        background:#fff;
        box-shadow:0 -2px 12px rgba(0,0,0,.08);
        padding:10px 12px;
        gap:8px;
        z-index:1000;
        padding-bottom:calc(10px + env(safe-area-inset-bottom, 0));
    }
    .quick-bar-input{
        flex:1;
        padding:12px 14px;
        border:2px solid #38b572;
        border-radius:10px;
        font-size:1rem;
        font-weight:600;
        outline:none;
        background:#f8fbf9;
        -webkit-appearance:none;
        appearance:none;
    }
    .quick-bar-input:focus{border-color:#2da063;background:#fff}
    .quick-bar-btn{
        padding:12px 24px;
        background:#38b572;
        color:#fff;
        border:none;
        border-radius:10px;
        font-size:.95rem;
        font-weight:700;
        cursor:pointer;
        white-space:nowrap;
        transition:background .2s;
    }
    .quick-bar-btn:active{background:#2da063;transform:scale(.97)}
    .quick-bar-btn:disabled{opacity:.6}
    
    /* 表单紧凑布局 */
    .record-form-row{
        flex-direction:row;
        flex-wrap:wrap;
        gap:10px;
    }
    .form-group-value{flex:1 1 140px}
    .form-group-date{flex:1 1 120px}
    .form-group-note{flex:1 1 100%}
    .form-group-submit{flex:1 1 100%}
    .form-group-submit .auth-btn{width:100%;padding:14px;font-size:1rem}
    
    /* 输入框更大触控 */
    .form-input{padding:12px 14px !important;font-size:.95rem}
    .ua-value-input{font-size:1.15rem}
    
    /* 统计卡片间距 */
    .stats-grid{gap:8px}
    .stat-card{padding:14px 12px}
    .stat-value{font-size:22px}
    
    /* 趋势图不留白 */
    .chart-wrapper{margin:0 -4px}
    
    /* Toast上移避开浮动栏 */
    .toast{bottom:90px}
}

@media (max-width:480px){
    .record-item{padding:12px 10px;gap:8px}
    .record-item-main{gap:6px}
    .record-item-value{font-size:1rem}
    .quick-bar-input{padding:11px 12px;font-size:.95rem}
    .quick-bar-btn{padding:11px 20px;font-size:.9rem}
    .stats-grid{grid-template-columns:repeat(2,1fr)}
}

/* 桌面端隐藏浮动栏 */
@media (min-width:769px){
    .mobile-quick-bar{display:none !important}
}

/* ===== iOS 键盘溢出修复 ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
/* iOS 输入框字号≥16px防止自动缩放 */
@media (max-width:768px){
    .form-input,.quick-bar-input,.ua-input,.purine-input{
        font-size:16px !important
    }
    .ua-value-input{font-size:17px !important}
}
/* iOS 安全区适配 */
.mobile-quick-bar{
    padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px)) !important
}

/* ===== 首页compact工具卡（塞入广告位2格） ===== */
/* PC端：隐藏工具卡，显示后2个广告图；手机端：工具卡+前2广告 */
.ad-tool-card{display:none}
.ad-sub-pc{display:none}
@media (max-width:900px){
    .ad-sub-home{flex-wrap:wrap;gap:8px}
    .ad-sub-home .ad-sub-item{flex:1 1 calc(50% - 4px);min-width:0}
    .ad-sub-home .ad-tool-card{
        display:block;
        background:#fff;
        border-radius:12px;
        padding:12px 10px;
        box-shadow:0 2px 8px rgba(0,0,0,.06);
        border:1px solid #f0f0f0;
        overflow:hidden;
    }
    .atc-head{display:flex;align-items:center;gap:5px;margin-bottom:8px}
    .atc-ico{font-size:.95rem;line-height:1}
    .atc-title{font-size:.82rem;font-weight:700;color:#333;flex:1}
    .atc-tag{font-size:.62rem;padding:1px 6px;border-radius:8px;font-weight:600;white-space:nowrap}
    .atag-ok{background:#f0faf5;color:#38b572}
    .atag-high{background:#fff0f0;color:#e74c3c}
    .atag-low{background:#f0f6ff;color:#5b9bf5}
    .atag-muted{background:#f5f5f5;color:#999}
    /* UA gauge compact */
    .atc-gauge{position:relative;height:6px;border-radius:3px;margin-bottom:6px}
    .atc-gauge-track{display:flex;height:100%;border-radius:3px;overflow:hidden}
    .atc-zone{display:block;flex:1}
    .atc-zone-low{background:#5b9bf5;opacity:.4}
    .atc-zone-ok{background:#38b572;opacity:.4}
    .atc-zone-high{background:#e74c3c;opacity:.4}
    .atc-needle{position:absolute;top:-2px;width:2px;height:10px;background:#333;border-radius:1px;transform:translateX(-50%)}
    .atc-value{font-size:1.05rem;font-weight:800;color:#38b572;line-height:1.1;margin-bottom:6px}
    .atc-val-ok{color:#38b572}
    .atc-val-high{color:#e74c3c}
    .atc-val-low{color:#5b9bf5}
    .atc-value-empty{color:#bbb;font-size:.82rem;font-weight:600}
    .atc-unit{font-size:.65rem;color:#999;font-weight:400;margin-left:2px}
    .atc-row{display:flex;gap:5px;margin-bottom:0}
    .atc-input{flex:1;min-width:0;padding:7px 8px;border:1.5px solid #e0e0e0;border-radius:7px;font-size:16px;outline:none;transition:border-color .2s}
    .atc-input:focus{border-color:#38b572}
    .atc-btn{padding:7px 12px;border:none;border-radius:7px;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s}
    .atc-btn-ua{background:#38b572;color:#fff}
    .atc-btn-ua:hover{background:#2da063}
    .atc-btn-food{background:#4a90d9;color:#fff}
    .atc-btn-food:hover{background:#3a7bc8}
    .atc-btn-block{display:block;text-align:center;text-decoration:none;width:100%;box-sizing:border-box;margin-top:14px}
    .atc-chips{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}
    .atc-chip{padding:3px 7px;border:1px solid #eee;border-radius:12px;background:#fafafa;font-size:.72rem;cursor:pointer;line-height:1}
    .atc-chip:hover{border-color:#4a90d9;background:#f0f6ff}
    .atc-result{margin-top:6px;font-size:.75rem;max-height:120px;overflow-y:auto}
    .atc-result-item{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;border-radius:5px;margin-bottom:3px;background:#fafafa}
    .atc-result-item:hover{background:#f0f0f0}
    .atc-rname{font-weight:600;color:#333}
    .atc-rval{font-size:.7rem;color:#666}
    .atc-rbadge{font-size:.6rem;padding:1px 5px;border-radius:8px;font-weight:600;margin-left:4px}
    .atc-rbadge-low{background:#f0faf5;color:#38b572}
    .atc-rbadge-mid{background:#fff8e6;color:#f5a623}
    .atc-rbadge-high{background:#fff0f0;color:#e74c3c}
    .ad-sub-pc{display:none}
}
@media (min-width:901px){
    .ad-tool-card{display:none !important}
    .ad-sub-pc{display:block}
}

/* ===== Q&A Detail V2 ===== */
.qa-detail-v2{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}
.qa-q-card{position:relative;background:linear-gradient(135deg,#ff7a7a 0%,#ff5252 100%);border-radius:14px;padding:22px 24px 22px 62px;color:#fff;box-shadow:0 6px 20px rgba(255,82,82,.22)}
.qa-q-icon{position:absolute;left:20px;top:22px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qa-q-title{font-size:1.22rem;font-weight:700;line-height:1.55;margin:0;color:#fff}
.qa-a-card{background:#dceaf8;border-radius:14px;padding:24px 26px;box-shadow:0 2px 12px rgba(56,135,181,.12);border:1px solid #c3d9ee}
.qa-a-head{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px dashed #eaeaea}
.qa-a-icon{width:28px;height:28px;border-radius:50%;background:#fff4e6;color:#f59e0b;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.qa-a-label{font-size:.95rem;font-weight:700;color:#2c3e50;letter-spacing:.5px}
.qa-a-body{font-size:17px;line-height:1.9;color:#2c3e50}
.qa-a-body p{margin:0 0 14px}
.qa-a-body p:last-child{margin-bottom:0}
.qa-a-body ul,.qa-a-body ol{margin:0 0 14px;padding-left:22px}
.qa-a-body li{margin-bottom:6px;line-height:1.85}
.qa-a-body strong{color:#1a1a1a;font-weight:700}
.qa-a-body a{color:#3498db;text-decoration:none;border-bottom:1px solid #3498db;padding-bottom:1px;transition:color .2s}.qa-a-body a:hover{color:#2980b9;border-bottom-color:#2980b9}
.qa-ref{margin-top:18px;padding:14px 18px;background:#f0faf4;border-left:3px solid #38b572;border-radius:0 8px 8px 0;font-size:15px;line-height:1.7}.qa-ref-label{color:#38b572;font-weight:700;margin-right:4px}.qa-ref a{color:#2c3e50;text-decoration:none;border-bottom:1px dashed #38b572;transition:color .2s}.qa-ref a:hover{color:#38b572}
.qa-related{background:#fff;border-radius:14px;padding:22px 24px;box-shadow:0 2px 12px rgba(0,0,0,.05);margin-bottom:24px}
.qa-related-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.qa-related-bar{width:4px;height:18px;background:#38b572;border-radius:2px}
.qa-related-head h3{font-size:1.05rem;font-weight:700;color:#2c3e50;margin:0}
.qa-related-list{list-style:none;margin:0;padding:0}
.qa-related-list li{border-bottom:1px solid #f3f3f3}
.qa-related-list li:last-child{border-bottom:none}
.qa-related-list a{display:flex;align-items:center;gap:10px;padding:13px 4px;text-decoration:none;color:#333;transition:all .2s;font-size:.95rem;line-height:1.5}
.qa-related-list a:hover{color:#38b572;padding-left:10px}
.qa-related-list a:hover .qa-related-arrow{transform:translateX(3px);color:#38b572}
.qa-related-q{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qa-related-arrow{color:#bbb;transition:all .2s;flex-shrink:0}
@media(max-width:768px){
    .qa-q-card{padding:18px 18px 18px 56px;border-radius:12px}
    .qa-q-icon{left:16px;top:18px;width:28px;height:28px}
    .qa-q-title{font-size:1.08rem}
    .qa-a-card{padding:18px 18px;border-radius:12px}
    .qa-a-body{font-size:17px;line-height:1.85}
    .qa-related{padding:16px 16px;border-radius:12px}
}

/* ===== Q&A Vote ===== */
.qa-vote{display:flex;align-items:center;gap:10px;margin-top:20px;padding-top:18px;border-top:1px dashed #c5d8ec}
.qa-vote-text{font-size:.88rem;color:#8a99a8;margin-right:4px}
.qa-vote-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1.5px solid #d4e0ec;background:#fff;border-radius:20px;cursor:pointer;font-size:.9rem;color:#6b7a8a;transition:all .2s;line-height:1;font-family:inherit}
.qa-vote-btn:hover{border-color:#38b572;color:#38b572;transform:translateY(-1px)}
.qa-vote-btn svg{transition:transform .2s}
.qa-vote-btn:hover svg{transform:scale(1.12)}
.qa-vote-up.active{background:#38b572;border-color:#38b572;color:#fff;box-shadow:0 3px 10px rgba(56,181,114,.32)}
.qa-vote-down.active{background:#e8826c;border-color:#e8826c;color:#fff;box-shadow:0 3px 10px rgba(232,130,108,.32)}
.qa-vote-btn.active:hover{transform:none}
.qa-vote-count{font-weight:600;min-width:18px;text-align:center}
@media(max-width:768px){
    .qa-vote{flex-wrap:wrap;gap:8px}
    .qa-vote-text{width:100%;margin-bottom:2px}
    .qa-vote-btn{padding:7px 14px;font-size:.88rem}
}

/* ===== 问答汇总列表页 ===== */
.qa-list-wrap{background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.04);overflow:hidden}
.qa-row{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #f0f0f0;text-decoration:none;transition:background .15s}
.qa-row:last-child{border-bottom:none}
.qa-row:hover{background:#fafdfb}
.qa-row:hover .qa-row-q-text{color:#38b572}
.qa-row:hover .qa-row-arrow{color:#38b572;transform:translateX(2px)}
.qa-row-main{flex:1;min-width:0}
.qa-row-q{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}
.qa-row-a{display:flex;align-items:flex-start;gap:8px}
.qa-tag-q,.qa-tag-a{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;font-size:.72rem;font-weight:700;flex-shrink:0;margin-top:2px}
.qa-tag-q{background:#fff0f0;color:#ff5252}
.qa-tag-a{background:#fff8ed;color:#f59e0b}
.qa-row-q-text{font-size:1rem;font-weight:600;color:#222;line-height:1.5;transition:color .15s}
.qa-row-a-text{font-size:.85rem;color:#999;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qa-row-arrow{color:#ccc;flex-shrink:0;transition:all .2s;display:flex;align-items:center}
@media(max-width:768px){
    .qa-row{padding:14px 16px;gap:8px}
    .qa-row-q-text{font-size:1.02rem}
    .qa-row-a-text{font-size:.92rem;line-height:1.65}
    .qa-tag-q,.qa-tag-a{width:18px;height:18px;font-size:.68rem;border-radius:4px}
    .qa-row-arrow{display:none}
}

/* ===== iOS 键盘防溢出修复 ===== */
@supports (-webkit-touch-callout: none) {
    html,body{overflow-x:hidden;-webkit-overflow-scrolling:touch}
    body{position:relative;width:100%}
}
body.ios-kb-open .site-header,
body.ios-kb-open .sidebar,
body.ios-kb-open .reading-progress,
body.ios-kb-open .back-to-top,
body.ios-kb-open .read-complete-bar,
body.ios-kb-open .img-lightbox{position:absolute !important}
body.ios-kb-open .reading-progress,
body.ios-kb-open .back-to-top,
body.ios-kb-open .read-complete-bar{display:none}

/* 短信验证码 */
.sms-row{display:flex;gap:8px}
.sms-input{flex:1;min-width:0}
.sms-btn{flex-shrink:0;padding:0 16px;background:#38b572;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .2s}
.sms-btn:hover:not(:disabled){background:#2d9a5f}
.sms-btn:disabled{background:#ccc;cursor:not-allowed}

/* 404 page enhanced */
.error-page{text-align:center;padding:60px 20px 50px;background:#fff;border-radius:10px}
.error-page .error-illustration{margin-bottom:16px}
.error-page h1{font-size:4rem;font-weight:800;color:#38b572;margin:0 0 8px;letter-spacing:4px}
.error-page .error-subtitle{color:#999;font-size:15px;margin-bottom:28px;line-height:1.6}
.error-search{display:flex;gap:8px;max-width:380px;margin:0 auto 24px}
.error-search-input{flex:1;padding:10px 16px;border:2px solid #e8e8e8;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}
.error-search-input:focus{border-color:#38b572}
.error-search-btn{padding:10px 22px;background:#38b572;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;white-space:nowrap;transition:background .2s}
.error-search-btn:hover{background:#2d9a5f}
.error-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.error-links .back-home{display:inline-block;padding:9px 24px;background:#38b572;color:#fff;border-radius:8px;font-size:14px}
.error-links .error-link{display:inline-block;padding:9px 20px;background:#f5f5f5;color:#666;border-radius:8px;font-size:14px;transition:all .2s}
.error-links .error-link:hover{background:#eee;color:#333}
.error-charity{min-height:300px;display:flex;justify-content:center;align-items:flex-start;}