.ad-banner{width:100%;margin:2rem 0;padding:1rem 0;position:relative;background:#1e293b;border:1px solid rgba(255,184,0,.2);border-radius:8px;overflow:hidden}.ad-label{position:absolute;top:4px;right:4px;background:#00d4ff33;color:#00d4ff;font-size:.7rem;padding:2px 6px;border-radius:4px;z-index:10;font-weight:600}.ad-content{width:100%;display:flex;align-items:center;justify-content:center;min-height:90px}.ad-horizontal{max-width:970px;margin-left:auto;margin-right:auto}.ad-horizontal .ad-content{min-height:90px}.ad-vertical{max-width:300px;margin-left:auto;margin-right:auto}.ad-vertical .ad-content{min-height:250px;flex-direction:column}.ad-square{max-width:300px;margin-left:auto;margin-right:auto}.ad-square .ad-content{min-height:300px}.ad-placeholder{text-align:center;color:#64748b;padding:2rem}.ad-placeholder p{margin:.5rem 0;font-size:.9rem}.ad-placeholder .ad-size{font-size:.75rem;color:#00d4ff;opacity:.7}.ad-placeholder .ad-note{font-size:.7rem;color:#64748b;opacity:.6;margin-top:.5rem}.ad-header{margin:0;border-radius:0;border-left:none;border-right:none;border-top:none}.ad-footer{margin:0;border-radius:0;border-left:none;border-right:none;border-bottom:none}.ad-sidebar{position:sticky;top:100px;margin-bottom:2rem}@media (max-width: 768px){.ad-banner{margin:2rem 0;padding:1rem 0}.ad-horizontal,.ad-vertical,.ad-square{max-width:100%}.ad-horizontal .ad-content{min-height:50px}.ad-vertical .ad-content{min-height:100px}.ad-square .ad-content{min-height:200px}}.welcome-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;display:flex;flex-direction:column;align-items:center;padding:2rem}.welcome-header{text-align:center;width:100%;max-width:900px}.site-branding{font-size:3rem;margin:0 0 .5rem;color:#ffb800;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.welcome-subtitle{font-size:1.2rem;opacity:.9;margin:0 0 2rem}.guide-article{max-width:750px;margin:0 auto 2.5rem;padding:2rem 1.75rem;background:#1e293b99;border-radius:12px;border:1px solid rgba(255,184,0,.2);text-align:left;line-height:1.7;margin-bottom:40px}.guide-article h1{font-size:1.5rem;color:#ffb800;margin:0 0 1.25rem;font-weight:700;line-height:1.5}.guide-article h3{font-size:1.2rem;color:#ffb800;margin:1.5rem 0 .75rem;font-weight:600}.guide-article p{font-size:.95rem;line-height:1.7;margin:0 0 1rem;color:#e2e8f0}.guide-article p:last-of-type{margin-bottom:0}.guide-article strong{color:#ffb800;font-weight:600}.guide-article a{color:#ffb800;text-decoration:none}.guide-article a:hover{text-decoration:underline}.guide-cta{margin-top:1.5rem!important;font-size:1.05rem!important;color:#ffb800!important;font-weight:600;text-align:left}.welcome-ad-top{margin:1.5rem auto 2rem;text-align:center}.welcome-ad-banner{margin:0 auto}.function-section{margin-top:0;margin-bottom:2.5rem}.function-section h2{font-size:1.4rem;color:#ffb800;margin:0 0 1.5rem;font-weight:700;text-align:center}.welcome-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:900px;margin:0 auto}.welcome-button{background:#1e293b;border:2px solid rgba(255,184,0,.3);border-radius:16px;padding:2.25rem 1.75rem;color:#f8fafc;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 8px 32px #0000004d;min-height:180px;justify-content:center}.welcome-button:hover{border-color:#ffb800;background:#ffb8001a;transform:translateY(-5px);box-shadow:0 12px 48px #ffb80033}.welcome-button:active{transform:translateY(-2px)}.button-icon{font-size:3.5rem;margin-bottom:.75rem;line-height:1}.button-content h3{font-size:1.5rem;margin:0 0 .5rem;color:#ffb800;font-weight:700}.button-content p{font-size:.95rem;opacity:.85;margin:0;line-height:1.5}.guide-button:hover .button-content h3,.guide-encyclopedia-button:hover .button-content h3,.practice-button:hover .button-content h3{color:#ffc700}.guides-section{margin-bottom:2rem;text-align:left}.guides-section h2{font-size:1.4rem;color:#ffb800;margin:0 0 .25rem;font-weight:700;text-align:center}.guides-desc{font-size:.95rem;color:#f8fafccc;text-align:center;margin-bottom:1.5rem}.guide-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.guide-card{background:#1e293b;border:2px solid rgba(255,184,0,.3);border-radius:12px;padding:1.25rem;text-decoration:none;color:inherit;transition:all .3s ease;display:block;text-align:left}.guide-card:hover{border-color:#ffb800;background:#ffb8001a;transform:translateY(-3px)}.guide-card h3{font-size:1.05rem;color:#ffb800;margin:0 0 .5rem;font-weight:600}.guide-card p{font-size:.9rem;color:#e2e8f0;line-height:1.6;margin:0 0 .75rem}.guide-read-more{font-size:.9rem;color:#60a5fa;font-weight:500}.guide-card:hover .guide-read-more{text-decoration:underline}.welcome-ad-bottom{margin:2rem auto 1rem;text-align:center}@media (max-width: 768px){.site-branding{font-size:2rem}.welcome-subtitle{font-size:1rem}.guide-article{padding:1.25rem 1rem;margin-bottom:2rem}.guide-article h1{font-size:1.25rem}.guide-article h3{font-size:1.1rem}.guide-article p{font-size:.9rem;line-height:1.65}.function-section h2{font-size:1.2rem}.welcome-buttons{grid-template-columns:1fr;gap:1.25rem}.welcome-button{padding:1.75rem 1.5rem;min-height:150px}.button-icon{font-size:3rem}.button-content h3{font-size:1.35rem}.guide-cards{grid-template-columns:1fr}.guides-section h2{font-size:1.2rem}}.home-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:0;color:#f8fafc}.home-page>.home-header,.home-page>.selection-container{padding-left:2rem;padding-right:2rem}.home-page>.home-header{padding-top:2rem;padding-bottom:0}.home-page>.selection-container{padding-top:2rem;padding-bottom:2rem}.home-page>.ad-header,.home-page>.ad-footer{padding:0}.home-header{text-align:center;margin-bottom:3rem;position:relative}.home-header .back-button{position:absolute;top:0;left:2rem;background:#1e293b;border:2px solid #FFB800;color:#f8fafc;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease;font-weight:600}.home-header .back-button:hover{background:#ffb800;color:#0f172a}.home-header h1{font-size:2.5rem;margin:0 0 1rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.home-header p{font-size:1.2rem;opacity:.95}.selection-container{max-width:1200px;margin:0 auto}.selection-step{background:#1e293b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,184,0,.2)}.selection-step h3{margin:0 0 1.5rem;font-size:1.5rem;color:#ffb800;font-weight:700}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.selection-button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:2px solid #FFB800;border-radius:8px;background:#1e293b;color:#f8fafc;cursor:pointer;transition:all .3s ease;min-width:150px}.selection-button:hover{background:#ffb800;border-color:#ffb800;color:#0f172a;transform:translateY(-2px);box-shadow:0 4px 12px #ffb80066}.selection-button.active{background:#ffb800;color:#0f172a;border-color:#ffb800;box-shadow:0 4px 12px #ffb80080}.category-button{font-size:1.3rem;padding:1.2rem 2.5rem}.type-button{font-size:1.1rem;padding:1rem 2rem}.exam-district-group{max-width:100%}.exam-district-group .selection-button{min-width:120px;padding:1rem 1.5rem;font-size:1.1rem}.region-group{max-width:100%}.region-group .selection-button{min-width:100px;padding:.8rem 1.2rem;font-size:1rem}.start-section{text-align:center;margin-top:3rem}.start-button{padding:1.5rem 4rem;font-size:1.5rem;font-weight:700;background:#ffb800;color:#0f172a;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ffb80080}.start-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #ffb80099;background:#ffc700}.start-button:active{transform:translateY(-1px)}.updating-notice{background:#ffb80026;border:2px solid rgba(255,184,0,.5);border-radius:12px;padding:1.5rem 2rem;display:inline-block}.updating-notice p{margin:0;font-size:1.3rem;color:#ffb800;font-weight:600}.home-footer-ad{width:100%;display:flex;justify-content:center;align-items:center;padding:2rem;margin-top:3rem;background:#1e293b80;border-top:1px solid rgba(255,184,0,.1)}.home-footer-ad .ad-banner{margin:0 auto}@media (max-width: 768px){.home-page{padding:1rem}.home-header .back-button{position:static;margin-bottom:1rem;display:block;width:fit-content;margin-left:auto;margin-right:auto}.home-header h1{font-size:1.8rem}.selection-step{padding:1.5rem}.button-group{flex-direction:column}.selection-button{width:100%}.home-footer-ad{padding:1.5rem 1rem;margin-top:2rem}}.guide-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;padding-bottom:2rem;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.guide-header{background:#1e293b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;border-bottom:1px solid rgba(255,184,0,.2);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000004d}.guide-header .back-button{background:#1e293b;border:2px solid #FFB800;color:#f8fafc;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease;font-weight:600;margin-bottom:1rem}.guide-header .back-button:hover{background:#ffb800;color:#0f172a}.guide-header h1{font-size:2rem;color:#ffb800;font-weight:700;margin:0}.guide-content{max-width:1200px;margin:0 auto;padding:2rem}.category-selection,.type-selection,.exam-district-selection,.region-selection{text-align:center}.category-selection h2,.type-selection h2,.exam-district-selection h2,.region-selection h2{font-size:2rem;color:#ffb800;margin-bottom:2rem;font-weight:700}.button-group{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.category-button,.type-button{background:#1e293b;border:2px solid rgba(255,184,0,.3);border-radius:12px;padding:1.5rem 3rem;color:#f8fafc;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.category-button:hover,.type-button:hover{border-color:#ffb800;background:#ffb8001a;transform:translateY(-3px);box-shadow:0 8px 24px #ffb80033}.exam-district-group,.region-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.exam-district-button,.region-button{background:#1e293b;border:2px solid rgba(255,184,0,.3);border-radius:12px;padding:1rem 1.5rem;color:#f8fafc;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.exam-district-button:hover,.region-button:hover{border-color:#ffb800;background:#ffb8001a;transform:translateY(-3px);box-shadow:0 8px 24px #ffb80033}.back-link-button{background:transparent;border:none;color:#ffb800;padding:.5rem 0;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1.5rem;transition:all .3s ease;text-align:left}.back-link-button:hover{color:#ffc700;text-decoration:underline}.questions-view{width:100%}.questions-table-container h3{font-size:1.8rem;color:#ffb800;margin-bottom:1.5rem;font-weight:700}.question-count{font-size:1.2rem;color:#f8fafc;opacity:.8;font-weight:400}.table-wrapper{overflow-x:auto;background:#1e293b;border-radius:16px;border:1px solid rgba(255,184,0,.2);box-shadow:0 8px 32px #0000004d;width:100%;box-sizing:border-box}.questions-table{width:100%;border-collapse:collapse;min-width:800px}@media (min-width: 769px){.questions-table{min-width:800px}}.questions-table thead{background:#ffb8001a}.questions-table th{padding:1rem;text-align:left;color:#ffb800;font-weight:700;border-bottom:2px solid rgba(255,184,0,.3)}.questions-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);color:#f8fafc}.questions-table tbody tr:hover{background:#ffb8000d}.col-id{width:80px;text-align:center;font-weight:600;color:#ffb800}.col-question{min-width:300px;line-height:1.6}.col-options{min-width:250px}.option-item{margin-bottom:.5rem;padding:.25rem 0;line-height:1.5}.option-item:last-child{margin-bottom:0}.col-answer{width:120px;text-align:center}.correct-answer-badge{display:inline-block;background:#ffb800;color:#0f172a;padding:.5rem 1rem;border-radius:8px;font-weight:700;font-size:1.1rem}.loading-container,.error-container{text-align:center;padding:3rem;background:#1e293b;border-radius:16px;border:1px solid rgba(255,184,0,.2)}.spinner{width:50px;height:50px;border:4px solid rgba(255,184,0,.3);border-top-color:#ffb800;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.error-container{color:#f44336}.updating-notice-container{text-align:center;padding:3rem}.updating-notice{background:#ffb80026;border:2px solid rgba(255,184,0,.5);border-radius:16px;padding:3rem 4rem;display:inline-block}.updating-notice p{margin:0;font-size:2rem;color:#ffb800;font-weight:700}.updating-notice .updating-sub{font-size:1.1rem;margin-top:1rem;opacity:.8;font-weight:400}@media (max-width: 768px){.guide-header{padding:1rem}.guide-header h1{font-size:1.5rem}.guide-content{padding:1rem;width:100%;max-width:100%;box-sizing:border-box}.category-selection h2,.type-selection h2,.exam-district-selection h2,.region-selection h2{font-size:1.5rem;margin-bottom:1.5rem}.exam-district-button,.region-button{padding:.8rem 1.2rem;font-size:1rem;min-width:80px}.button-group{gap:1rem}.category-button,.type-button{padding:1rem 2rem;font-size:1.2rem;min-width:120px}.questions-table-container{width:100%;max-width:100%;box-sizing:border-box}.questions-table-container h3{font-size:1.3rem;word-wrap:break-word}.question-count{font-size:1rem}.table-wrapper{border-radius:12px;overflow:visible;width:100%;max-width:100%}.questions-table{display:block;width:100%;min-width:auto}.questions-table thead{display:none}.questions-table tbody{display:block;width:100%}.questions-table tr{display:block;width:100%;max-width:100%;margin-bottom:1rem;background:#ffffff0d;border-radius:12px;padding:1rem;border:1px solid rgba(255,184,0,.2);box-sizing:border-box}.questions-table td{display:block;width:100%;max-width:100%;padding:.5rem 0;text-align:left;border:none;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.questions-table td.col-id{font-size:1rem;font-weight:700;color:#ffb800;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,184,0,.3)}.questions-table td.col-id:before{content:"題號：";font-weight:600}.questions-table td.col-question{font-size:.95rem;line-height:1.6;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);word-wrap:break-word;overflow-wrap:break-word}.questions-table td.col-options{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.questions-table td.col-options:before{content:"選項：";display:block;font-weight:600;color:#ffb800;margin-bottom:.5rem;font-size:.9rem}.questions-table td.col-answer{text-align:left;padding-top:.5rem}.questions-table td.col-answer:before{content:"正確答案：";display:inline-block;font-weight:600;color:#ffb800;margin-right:.5rem;font-size:.9rem}.option-item{font-size:.9rem;margin-bottom:.4rem;padding-left:.5rem;word-wrap:break-word;overflow-wrap:break-word}.correct-answer-badge{font-size:1rem;padding:.4rem .8rem}.updating-notice-container{padding:2rem 1rem}.updating-notice{padding:2rem}.updating-notice p{font-size:1.5rem}.updating-notice .updating-sub{font-size:1rem}}.notice-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;padding-bottom:2rem;width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.notice-header{background:#1e293b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 2rem;border-bottom:1px solid rgba(255,184,0,.2);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000004d}.notice-header .back-link{display:inline-block;color:#ffb800;text-decoration:none;font-weight:600;margin-bottom:.5rem;transition:color .2s}.notice-header .back-link:hover{color:#ffc700}.notice-header h1{font-size:2rem;color:#ffb800;font-weight:700;margin:0 0 .25rem}.notice-subtitle{font-size:1rem;color:#f8fafcd9;margin:0}.notice-content{max-width:900px;margin:0 auto;padding:2rem;width:100%;box-sizing:border-box}.notice-index{width:100%}.index-title{font-size:1.8rem;color:#ffb800;margin-bottom:.5rem;font-weight:700;text-align:center}.index-description{font-size:1rem;color:#f8fafccc;text-align:center;margin-bottom:2rem;line-height:1.6}.article-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.article-card{background:#1e293b;border:2px solid rgba(255,184,0,.3);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;transition:all .3s ease;text-align:left}.article-card:hover{border-color:#ffb800;background:#ffb8001a;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.article-card-number{background:#ffb800;color:#0f172a;width:2.25rem;height:2.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.article-card-content{flex:1;min-width:0}.article-card-title{font-size:1.1rem;color:#f8fafc;font-weight:600;margin:0 0 .25rem;line-height:1.4}.article-card-meta{font-size:.85rem;color:#f8fafcb3;margin:0}.article-card-arrow{color:#ffb800;font-size:1.25rem;font-weight:700;flex-shrink:0}@media (max-width: 768px){.notice-header{padding:1rem}.notice-header h1{font-size:1.5rem}.notice-content{padding:1rem}.index-title{font-size:1.5rem}.article-cards{grid-template-columns:1fr}.article-card{padding:1.25rem}}.article-content-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;padding-bottom:2rem}.article-header{background:#1e293b;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,184,0,.2);position:sticky;top:0;z-index:100}.article-header .back-button{background:transparent;border:none;color:#ffb800;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:.5rem;padding:0;transition:color .2s}.article-header .back-button:hover{color:#ffc700}.article-header h1{font-size:1.8rem;color:#ffb800;font-weight:700;margin:0 0 .5rem}.article-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:#f8fafccc}.professional-badge{background:#ffb80033;color:#ffb800;padding:.2rem .6rem;border-radius:4px}.article-body{max-width:800px;margin:0 auto;padding:2rem;line-height:1.8;text-align:left}.article-body section{margin-bottom:2.5rem}.article-body h2{font-size:1.4rem;color:#ffb800;margin-bottom:1rem;font-weight:700}.article-body h3{font-size:1.15rem;color:#e2e8f0;margin:1.5rem 0 .5rem;font-weight:600}.article-body .subsection{margin-bottom:1rem}.article-body p{margin:.75rem 0;color:#e2e8f0}.related-reading ul{list-style:none;padding:0;margin:1rem 0 0}.related-reading li{margin-bottom:.5rem}.related-reading a{color:#60a5fa;text-decoration:none;transition:color .2s}.related-reading a:hover{color:#93c5fd;text-decoration:underline}.disclaimer{background:#ffb8001a;border:1px solid rgba(255,184,0,.3);border-radius:12px;padding:1.5rem}.disclaimer p{margin:0;font-size:.95rem}.article-error{max-width:600px;margin:2rem auto;padding:2rem;text-align:center}.article-error p{margin-bottom:1rem}.article-error a{color:#ffb800;text-decoration:none}.article-error a:hover{text-decoration:underline}@media (max-width: 768px){.article-header,.article-body{padding:1rem}.article-header h1{font-size:1.5rem}}.result-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);padding:0}.result-native-ad{width:100%;max-width:48rem;margin:.5rem auto;padding:.5rem 1rem;min-height:0}.result-native-ad .adsbygoogle{display:block;text-align:center;min-height:0}.result-native-ad:empty,.result-native-ad .adsbygoogle:empty{min-height:0;height:auto}.result-bottom-ad{display:flex;justify-content:center;margin:3rem 0}.result-container{max-width:1000px;padding:3rem;margin:2rem auto;background:#1e293b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,184,0,.2);color:#f8fafc}.result-header{text-align:center;margin-bottom:3rem}.result-header h1{font-size:2.5rem;margin:0 0 1rem;color:#ffb800;font-weight:700}.result-header p{font-size:1.2rem;color:#f8fafc;opacity:.9}.score-section{text-align:center;margin-bottom:3rem}.score-circle{width:200px;height:200px;border-radius:50%;border:8px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1.5rem;background:#ffb8001a;box-shadow:0 4px 16px #ffb8004d}.score-number{font-size:4rem;font-weight:700;line-height:1;margin-bottom:.5rem}.score-label{font-size:1.5rem;opacity:.9}.score-message{font-size:2rem;margin:1rem 0;font-weight:700}.score-detail{font-size:1.2rem;color:#f8fafc;opacity:.9;margin:.5rem 0}.answer-review{margin-top:3rem}.answer-review h3{font-size:1.8rem;margin-bottom:1.5rem;text-align:center;color:#ffb800;font-weight:700}.questions-list{display:flex;flex-direction:column;gap:1.5rem;max-height:500px;overflow-y:auto;padding-right:.5rem}.questions-list::-webkit-scrollbar{width:8px}.questions-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.questions-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.questions-list::-webkit-scrollbar-thumb:hover{background:#ffffff80}.question-review-item{background:#0f172a;border-radius:12px;padding:1.5rem;border:1px solid rgba(255,184,0,.2)}.question-review-item.correct{border-color:#4caf5080;background:#4caf501a}.question-review-item.incorrect{border-color:#f4433680;background:#f443361a}.review-question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.review-question-number{font-weight:600;font-size:1.1rem;color:#f8fafc}.review-status{padding:.4rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.status-correct{background:#4caf504d;color:#81c784;border:1px solid #4caf50}.status-incorrect{background:#f443364d;color:#ef5350;border:1px solid #f44336}.review-question-text{font-size:1.1rem;margin:1rem 0;line-height:1.6;color:#f8fafc;font-weight:500}.review-answers{display:flex;flex-direction:column;gap:.8rem;margin-top:1rem}.review-answer{padding:1rem;border-radius:8px;font-size:1rem}.correct-answer{background:#4caf5033;border:1px solid rgba(76,175,80,.5);color:#81c784}.wrong-answer{background:#f4433633;border:1px solid rgba(244,67,54,.5);color:#ef5350}.review-answer strong{display:block;margin-bottom:.3rem}.result-actions{display:flex;gap:1rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}.perfect-score{text-align:center;padding:2rem;background:#ffb80026;border:2px solid #FFB800;border-radius:12px}.perfect-score h3{font-size:2rem;margin:0 0 1rem;color:#ffb800;font-weight:700}.perfect-score p{font-size:1.2rem;color:#f8fafc;opacity:.9}.action-button{padding:1rem 2.5rem;font-size:1.2rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:150px}.action-button.primary{background:#ffb800;color:#0f172a;border:2px solid #FFB800}.action-button.primary:hover{background:#ffc700;transform:translateY(-2px);box-shadow:0 4px 12px #ffb80080}.action-button.secondary{background:#1e293b;color:#f8fafc;border:2px solid rgba(255,184,0,.5)}.action-button.secondary:hover{background:#ffb80033;border-color:#ffb800;color:#ffb800;transform:translateY(-2px);box-shadow:0 4px 12px #ffb8004d}.action-button.retry-wrong{background:#00d4ff;color:#0f172a;border:2px solid #00D4FF}.action-button.retry-wrong:hover{background:#00b8e6;transform:translateY(-2px);box-shadow:0 4px 12px #00d4ff66}@media (max-width: 768px){.result-container{padding:1.5rem;margin:1rem auto}.result-header{margin-bottom:2rem}.result-header h1{font-size:1.8rem;margin:0 0 .5rem}.result-header p{font-size:1rem}.score-section{margin-bottom:2rem}.score-circle{width:150px;height:150px;margin:0 auto 1rem}.score-number{font-size:3rem}.score-message{font-size:1.5rem;margin:.5rem 0}.score-detail{font-size:1rem}.result-native-ad{margin:.5rem auto;padding:.25rem .5rem;max-width:100%;min-height:0}.result-bottom-ad{margin:1.5rem 0}.answer-review{margin-top:1.5rem}.answer-review h3{font-size:1.2rem;margin-bottom:.8rem}.questions-list{max-height:400px;gap:1rem}.question-review-item{padding:.8rem;border-radius:8px}.review-question-header{margin-bottom:.6rem;gap:.4rem}.review-question-number{font-size:.95rem}.review-status{padding:.3rem .8rem;font-size:.8rem}.review-question-text{font-size:.95rem;margin:.6rem 0;line-height:1.5}.review-answers{gap:.6rem;margin-top:.6rem}.review-answer{padding:.7rem;font-size:.9rem;border-radius:6px}.review-answer strong{font-size:.85rem;margin-bottom:.25rem}.result-actions{flex-direction:column;margin-top:2rem;gap:.8rem}.action-button{width:100%;padding:.9rem 1.5rem;font-size:1rem}}.quiz-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc}.quiz-content{padding:2rem}.quiz-top-ad{width:100%;max-width:64rem;margin:2rem auto 2.5rem;padding:0 1rem}.quiz-ad-banner{opacity:.8;transition:opacity .3s ease}.quiz-ad-banner:hover{opacity:1}.quiz-ad-banner .ad-banner{opacity:.8;transition:opacity .3s ease}.quiz-ad-banner:hover .ad-banner{opacity:1}.quiz-header{background:#1e293b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 2rem;border-bottom:1px solid rgba(255,184,0,.2);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000004d}.quiz-header-content{display:flex;align-items:center;gap:1.5rem}.quiz-header .back-button{background:#1e293b;border:2px solid #FFB800;color:#f8fafc;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease;font-weight:600;white-space:nowrap;flex-shrink:0}.quiz-header .back-button:hover{background:#ffb800;color:#0f172a}.quiz-info{color:#f8fafc;flex:1}.quiz-info h2{margin:0 0 .25rem;font-size:1.5rem;color:#ffb800;font-weight:700}.quiz-info .progress{margin:0;color:#f8fafc;opacity:.9;font-size:1rem}.progress-bar{margin-top:.75rem;height:6px;background:#64748b4d;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#ffb800;transition:width .3s ease;border-radius:3px;box-shadow:0 0 10px #ffb80099}.quiz-content{max-width:900px;margin:0 auto;padding:2rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center}.spinner{width:50px;height:50px;border:4px solid rgba(255,184,0,.3);border-top-color:#ffb800;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-container h2{color:#ffb800;margin-bottom:1rem;font-weight:700}.error-container .hint{font-size:.9rem;opacity:.8;margin-top:1rem;color:#f8fafc}.error-container p{color:#f8fafc}.loading-container p{color:#f8fafc;font-weight:600}.question-card{background:#1e293b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:2.5rem;margin-bottom:2rem;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,184,0,.2)}.question-number{display:inline-block;background:#ffb800;color:#0f172a;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;margin-bottom:1.5rem;font-weight:600}.question-text{font-size:1.5rem;margin:0 0 2rem;line-height:1.6;color:#f8fafc;font-weight:600}.options-container{display:flex;flex-direction:column;gap:1rem}.option-button{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;background:#1e293b;border:2px solid rgba(255,184,0,.3);border-radius:12px;color:#f8fafc;font-size:1.1rem;cursor:pointer;transition:all .3s ease;text-align:left}.option-button:hover:not(:disabled){background:#ffb8001a;border-color:#ffb800;color:#ffb800;transform:translate(5px);box-shadow:0 4px 12px #ffb80033}.option-button.selected{background:#ffb800;border-color:#ffb800;color:#0f172a;box-shadow:0 4px 12px #ffb80066}.option-button.correct{background:#4caf504d;border-color:#4caf50}.option-button.incorrect{background:#f443364d;border-color:#f44336}.option-button:disabled{cursor:not-allowed}.option-label{font-weight:700;min-width:30px}.option-text{flex:1}.checkmark{color:#4caf50;font-size:1.5rem;font-weight:700}.cross{color:#f44336;font-size:1.5rem;font-weight:700}.feedback{margin-top:2rem;padding:1.5rem;border-radius:12px;font-size:1.1rem;font-weight:600}.answer-selected-feedback{background:#ffb80026;border:2px solid #FFB800;color:#ffb800}.quiz-controls{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.nav-button,.submit-button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;flex:1}.nav-button{background:#1e293b;color:#f8fafc;border:2px solid rgba(255,184,0,.5)}.nav-button:hover:not(:disabled){background:#ffb80033;border-color:#ffb800;color:#ffb800}.nav-button.primary{background:#ffb800;color:#0f172a;border:2px solid #FFB800}.nav-button.primary:hover:not(:disabled){background:#ffc700;transform:translateY(-2px);box-shadow:0 4px 12px #ffb80080}.nav-button:disabled,.submit-button:disabled{opacity:.5;cursor:not-allowed}.submit-button{background:#ffb800;color:#0f172a;border:2px solid #FFB800}.submit-button:hover:not(:disabled){background:#ffc700;transform:translateY(-2px);box-shadow:0 4px 12px #ffb80080}.back-button{background:#1e293b;border:2px solid #FFB800;color:#f8fafc;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;font-weight:600}.back-button:hover{background:#ffb800;color:#0f172a}@media (max-width: 768px){.quiz-header{padding:.75rem 1rem;max-height:25vh;overflow:hidden}.quiz-header-content{gap:1rem}.quiz-header .back-button{padding:.4rem .8rem;font-size:.9rem}.quiz-info h2{font-size:1.1rem;margin:0 0 .25rem}.quiz-info .progress{font-size:.85rem}.progress-bar{margin-top:.5rem;height:4px}.quiz-content{padding:1rem}.quiz-top-ad{margin:.5rem auto;padding:0 .5rem}.question-card{padding:1.5rem;margin-bottom:1.5rem}.question-number{padding:.4rem .8rem;font-size:.85rem;margin-bottom:1rem}.question-text{font-size:1.2rem;margin:0 0 1.5rem}.option-button{padding:1rem;font-size:1rem}.quiz-controls{flex-direction:column}.nav-button,.submit-button{padding:.9rem 1.5rem;font-size:1rem}}.privacy-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;padding-bottom:2rem}.privacy-header{background:#1e293b;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,184,0,.2);position:sticky;top:0;z-index:100}.privacy-header .back-link{display:inline-block;color:#ffb800;text-decoration:none;font-weight:600;margin-bottom:.5rem;transition:color .2s}.privacy-header .back-link:hover{color:#ffc700}.privacy-header h1{font-size:2rem;color:#ffb800;font-weight:700;margin:0 0 .25rem}.privacy-header .last-updated{font-size:.9rem;color:#f8fafcb3;margin:0}.privacy-content{max-width:800px;margin:0 auto;padding:2rem;text-align:left}.privacy-content section{margin-bottom:2rem}.privacy-content h2{font-size:1.3rem;color:#ffb800;margin-bottom:1rem;font-weight:600}.privacy-content p{line-height:1.8;margin-bottom:1rem;color:#e2e8f0}.privacy-content ul{margin:1rem 0;padding-left:1.5rem}.privacy-content li{margin-bottom:.5rem;line-height:1.6}.privacy-content a{color:#60a5fa;text-decoration:underline}.privacy-content a:hover{color:#93c5fd}@media (max-width: 768px){.privacy-header,.privacy-content{padding:1rem}.privacy-header h1{font-size:1.5rem}}.about-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;padding-bottom:2rem}.about-header{background:#1e293b;padding:1.5rem 2rem;border-bottom:1px solid rgba(255,184,0,.2);position:sticky;top:0;z-index:100}.about-header .back-link{display:inline-block;color:#ffb800;text-decoration:none;font-weight:600;margin-bottom:.5rem;transition:color .2s}.about-header .back-link:hover{color:#ffc700}.about-header h1{font-size:2rem;color:#ffb800;font-weight:700;margin:0}.about-content{max-width:800px;margin:0 auto;padding:2rem;text-align:left}.about-content section{margin-bottom:2rem}.about-content .intro h2{font-size:1.5rem;color:#ffb800;margin-bottom:1rem}.about-content h2{font-size:1.3rem;color:#ffb800;margin-bottom:1rem;font-weight:600}.about-content p{line-height:1.8;margin-bottom:1rem;color:#e2e8f0}.about-content ul{margin:1rem 0;padding-left:1.5rem}.about-content li{margin-bottom:.75rem;line-height:1.6}.about-content a{color:#60a5fa;text-decoration:underline}.about-content a:hover{color:#93c5fd}@media (max-width: 768px){.about-header,.about-content{padding:1rem}.about-header h1{font-size:1.5rem}}.app-footer{background:#1e293b;border-top:1px solid rgba(255,184,0,.2);padding:1rem 2rem;text-align:center}.footer-links{display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.footer-links a{color:#ffb800;text-decoration:none;font-size:.95rem;transition:color .2s}.footer-links a:hover{color:#ffc700;text-decoration:underline}.footer-links .separator{color:#ffb80080;font-size:.9rem}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;width:100%;max-width:100%;overflow-x:hidden}html{width:100%;max-width:100%;overflow-x:hidden}#root{width:100%;max-width:100%;margin:0 auto;text-align:center;box-sizing:border-box}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}