.answer-page{display:flex;flex-direction:column;width:100%;min-height:100vh;background-color:#f8f9fa;padding-bottom:80px}.answer-page .header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:12px 16px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #eee;width:100%;height:56px}.answer-page .header .back-btn{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:8px}.answer-page .header .header-title{font-weight:700;font-size:16px}.answer-page .header .demo-toggle{font-size:10px;padding:4px 8px;border:1px solid #ccc;background:#eee;border-radius:4px;cursor:pointer}.answer-page .header .search-box{display:flex;align-items:center;background:#f0f2f5;border-radius:12px;padding:0 12px;height:44px}.answer-page .header .search-box .icon{color:#999;margin-right:8px}.answer-page .header .search-box input{border:none;background:none;flex:1;font-size:14px;outline:none}.answer-page .header .search-box input::placeholder{color:#aaa}.answer-page .content{padding:20px;flex:1}.answer-page .content .loading-state,.answer-page .content .empty-state{text-align:center;padding:40px 0;color:#888;font-size:14px}.answer-page .content .empty-state .empty-emoji{font-size:48px;margin-bottom:16px}.answer-page .content .empty-state .go-top-btn{margin-top:20px;padding:10px 24px;background:#333;color:#fff;border:none;border-radius:99px;font-weight:700;cursor:pointer}.answer-page .content .grid-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.answer-page .content .history-card{background:#fff;border:none;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000d;text-align:left;padding:0;cursor:pointer;transition:transform .2s;position:relative}.answer-page .content .history-card:active{transform:scale(.98)}.answer-page .content .history-card .img-wrap{width:100%;aspect-ratio:1;position:relative}.answer-page .content .history-card .img-wrap img{width:100%;height:100%;object-fit:cover}.answer-page .content .history-card .img-wrap .date-badge{position:absolute;top:8px;left:8px;background:#0009;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px}.answer-page .content .history-card .img-wrap .type-badge{position:absolute;bottom:8px;right:8px;font-size:10px;padding:2px 6px;border-radius:4px;color:#fff}.answer-page .content .history-card .img-wrap .type-badge.diagnosis{background:#8b5cf6}.answer-page .content .history-card .img-wrap .type-badge.question{background:#10b981}.answer-page .content .history-card .card-body{padding:12px}.answer-page .content .history-card .card-body .title{font-size:13px;font-weight:700;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.answer-page .content .history-card .card-body .meta .action-text{font-size:11px;color:#007bff;font-weight:700}