html{min-height:100%;background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%) fixed;height:100%;}body{color:#fff;min-height:100vh;font-family:'Microsoft YaHei',sans-serif;margin:0;padding:0;background:transparent;font-size:16px;height:100%;display:flex;flex-direction:column;}.page-container{height:100vh;position:relative;flex:1;min-height:0;padding-bottom:6rem;-webkit-overflow-scrolling:touch;}.page{position:absolute;width:100%;opacity:0;transform:translateX(100%);transition:all 0.5s ease;pointer-events:none;min-height:100%;}.page.active{opacity:1;transform:translateX(0);pointer-events:auto;}.page.slide-out{transform:translateX(-100%);}.nav-buttons{position:fixed;top:90vh;left:0;right:0;z-index:1000;display:flex;justify-content:center;gap:1rem;padding:1rem;background:rgba(0,0,0,0.3);backdrop-filter:blur(10px);box-shadow:0 -4px 6px rgba(0,0,0,0.1);transition:all 0.3s ease;opacity:1;width:100vw;max-width:100%;}.nav-buttons.hidden{transform:translate(-50%,100%);opacity:0;}.nav-button{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;padding:0.8rem 1.5rem;border-radius:25px;cursor:pointer;transition:all 0.3s ease;backdrop-filter:blur(10px);font-weight:500;white-space:nowrap;flex:0 1 auto;}.nav-button:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2);}.nav-button.active{background:rgba(0,123,255,0.8);border-color:rgba(0,123,255,0.8);box-shadow:0 4px 12px rgba(0,123,255,0.3);}.glass-card{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,0.2);padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px 0 rgba(31,38,135,0.37);opacity:0;transform:translateY(20px);animation:fadeIn 0.5s ease forwards;}.container{position:relative;z-index:1;padding:1rem;}#answersList{margin-bottom:4rem;}@media (max-width:768px){body{font-size:14px;}.container{padding:0.5rem;}.glass-card{padding:1rem;margin-bottom:1rem;border-radius:10px;}.question-text{font-size:1.2rem !important;margin-bottom:1rem !important;}.answer-text{font-size:1rem !important;}.form-control{font-size:14px !important;}.btn{font-size:14px !important;padding:0.4rem 1rem !important;}.nav-buttons{padding:0.8rem;gap:0.8rem;}.nav-button{padding:0.6rem 1.2rem;font-size:0.9rem;}.vote-btn{padding:0.3rem 0.8rem;font-size:0.8rem;margin-right:0.3rem;}.vote-count{font-size:0.8rem;}.char-count{font-size:0.8rem;}.image-preview{max-height:150px;}.question-image,.answer-image{max-height:200px;margin:0.5rem 0;}}@media (max-width:480px){.container{padding:0.3rem;}.glass-card{padding:0.8rem;margin-bottom:0.8rem;}.question-text{font-size:1.1rem !important;}.nav-buttons{padding:0.6rem;gap:0.6rem;}.nav-button{padding:0.5rem 1rem;font-size:0.85rem;}.vote-buttons{display:flex;flex-wrap:wrap;gap:0.3rem;justify-content:flex-end;}.vote-btn{flex:0 1 auto;margin-right:0;}}@media (hover:none){.nav-button:active,.btn:active,.vote-btn:active{transform:scale(0.95);}.form-control:focus{font-size:16px !important;}}@supports (padding-bottom:env(safe-area-inset-bottom)){.nav-buttons{padding-bottom:calc(0.8rem + env(safe-area-inset-bottom));}}.form-control{-webkit-appearance:none;border-radius:8px;}input[type="file"]{padding:0.5rem;}@media (prefers-reduced-motion:reduce){.glass-card,.page,.nav-buttons,.nav-button{animation:none;transition:opacity 0.3s ease;}}.btn,.nav-button,.vote-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;}.page-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;}.page{padding-bottom:calc(4rem + env(safe-area-inset-bottom,0));}.question-text,.answer-text{-webkit-touch-callout:none;user-select:none;}.mb-3{margin-bottom:0.8rem !important;}.loading-spinner{width:2rem;height:2rem;}.alert{font-size:0.9rem;padding:0.5rem 1rem;margin-bottom:0.8rem;}.navbar{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.2);}.navbar-brand{color:#fff !important;font-weight:bold;}.nav-link{color:rgba(255,255,255,0.8) !important;transition:color 0.3s ease;}.nav-link:hover{color:#fff !important;}.question-text{font-size:1.5rem;margin-bottom:1.5rem;color:#fff;opacity:0;transform:translateY(20px);animation:fadeIn 0.5s ease forwards 0.3s;}.answer-text{font-size:1.2rem;margin-bottom:1rem;color:#e0e0e0;}.vote-btn{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;padding:0.5rem 1rem;border-radius:20px;margin-right:0.5rem;transition:all 0.3s ease;}.vote-btn:hover{background:rgba(255,255,255,0.2);transform:translateY(-2px);}.vote-count{font-size:0.9rem;color:#aaa;}.form-control{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);color:#fff;}.form-control:focus{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);color:#fff;box-shadow:none;}.form-control::placeholder{color:rgba(255,255,255,0.5);}.btn-primary{background:rgba(0,123,255,0.8);border:none;padding:0.5rem 2rem;border-radius:20px;transition:all 0.3s ease;}.btn-primary:hover{background:rgba(0,123,255,0.9);transform:translateY(-2px);}.question-image,.answer-image{max-width:100%;max-height:300px;border-radius:10px;margin:1rem 0;opacity:0;transform:translateY(20px);animation:fadeIn 0.5s ease forwards;}.image-preview{max-width:200px;max-height:200px;border-radius:10px;margin:1rem 0;display:none;}.char-count{color:#aaa;font-size:0.9rem;text-align:right;margin-top:0.5rem;}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1000;}.loading-spinner{width:3rem;height:3rem;}@keyframes fadeIn{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.answer-card{opacity:0;transform:translateY(20px);animation:fadeIn 0.5s ease forwards;}#answersList .glass-card{animation-delay:calc(var(--index) * 0.1s);}pre{overflow-wrap:break-word;white-space:pre-wrap;}