.learning-shell{padding:40px 0 70px}.learning-head{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-bottom:25px}.learning-head h1{font-size:36px;margin-bottom:10px}.learning-head p{font-size:15px;max-width:650px}.learn-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.learn-tabs button,.tool-btn{background:#ffffff04;border:1px solid var(--line);padding:10px 18px;border-radius:8px;color:var(--text)}.learn-tabs [aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:#d3af7d0c}.atlas-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:25px;align-items:start}.atlas-map{direction:ltr;position:relative;overflow:auto;border:1px solid var(--line);border-radius:14px;background:#131719;min-height:260px}.map-inner{position:relative;width:100%;transform-origin:top left;touch-action:pan-x pan-y}.map-inner>img{width:100%;height:auto}.hotspot{position:absolute;transform:translate(-50%,-50%);border:1px solid var(--gold);border-radius:50%;width:40px;height:40px;background:#111b;color:var(--gold);font-size:18px;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 15px #0008}.hotspot[aria-pressed=true]{background:var(--gold);color:#151515;box-shadow:0 0 0 6px #d3af7d20}.hotspot .point-label{position:absolute;top:43px;white-space:nowrap;background:#0b0c0eee;color:#eee;padding:3px 8px;font-size:12px;border-radius:5px;pointer-events:none;direction:rtl}.atlas-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.atlas-toolbar label{margin:0;display:flex;gap:8px;align-items:center;font-size:14px}.atlas-toolbar input{width:auto}.atlas-info h2{font-size:26px}.atlas-info p{font-size:15px}.review-list{display:grid;gap:10px}.review-row{display:flex;justify-content:space-between;gap:15px;border:1px solid var(--line);padding:15px;border-radius:10px;align-items:center}.review-row label{margin:0;display:flex;align-items:center;gap:12px}.review-row input{width:auto}.case-images{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.case-images figure{margin:0}.case-images figcaption{font-size:14px;color:var(--muted);margin:8px 0}.case-images img{border-radius:10px;border:1px solid var(--line)}progress{width:100%;height:12px;accent-color:var(--gold);border:0}.course-layout{display:grid;grid-template-columns:250px 1fr;gap:32px;align-items:start}.course-sidebar{position:sticky;top:110px}.course-sidebar button{display:block;width:100%;text-align:right;background:none;border:1px solid var(--line);border-radius:8px;color:var(--muted);padding:14px;margin-top:10px}.course-sidebar button[aria-current=step]{border-color:var(--gold);color:var(--gold);background:#d3af7d07}.lesson-content h2{font-size:32px}.lesson-content h3{font-size:24px;margin-top:30px}.lesson-content p{font-size:17px}.source-link{display:inline-block;color:var(--gold);font-size:14px;border-bottom:1px solid #d3af7d55;margin:15px 0}.concept-map{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.concept-map button{background:#d3af7d09;color:var(--gold);border:1px solid #d3af7d55;border-radius:12px;padding:18px;flex:1}.concept-note{margin:20px 0;min-height:70px}.focus-mode .header,.focus-mode .footer,.focus-mode .course-sidebar,.focus-mode .course-intro{display:none}.focus-mode .course-layout{grid-template-columns:1fr;width:min(820px,100%);margin:auto}.focus-mode .learning-head{position:sticky;top:0;background:#0b0c0ef5;z-index:10;padding:15px 0}.focus-mode .learning-head h1{font-size:24px}.flashcard{width:100%;min-height:230px;border:1px solid #d3af7d66;border-radius:16px;background:radial-gradient(ellipse at top,#d3af7d12,transparent),#151719;color:var(--text);padding:35px;font-size:23px}.quiz-question{border:1px solid var(--line);border-radius:12px;padding:24px;margin:20px 0}.quiz-question legend{font-size:18px;padding:0 10px}.quiz-option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:12px;border-radius:8px;cursor:pointer}.quiz-option input{width:auto}.lesson-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:35px}.course-progress{margin:20px 0}.source-section{max-width:850px;margin:auto;padding:30px 0;border-bottom:1px solid var(--line)}.data-table{overflow:auto}.data-table table{border-collapse:collapse;width:100%;min-width:450px}.data-table td,.data-table th{padding:15px;border:1px solid var(--line);text-align:right}.embed-atlas{width:100%;height:900px;border:1px solid var(--line);border-radius:12px}.file-button{position:relative;display:inline-flex;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.learning-shell .notice{margin:15px 0}
@media(max-width:760px){.learning-head{display:block}.learning-head h1{font-size:29px}.learning-head .actions{margin:18px 0}.atlas-layout,.course-layout{grid-template-columns:1fr}.course-sidebar{position:static}.course-sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.course-sidebar button{font-size:14px;margin:0;padding:10px}.atlas-info{padding:20px}.atlas-map{min-height:190px}.hotspot{width:32px;height:32px;font-size:14px}.hotspot .point-label{top:34px;font-size:10px;padding:2px 5px}.case-images{grid-template-columns:1fr}.learn-tabs button{font-size:14px;padding:8px 12px}.lesson-content h2{font-size:26px}.lesson-content p{font-size:16px}.embed-atlas{height:1150px}.focus-mode .learning-head{display:flex;flex-wrap:wrap}.concept-map{display:grid;grid-template-columns:1fr 1fr}.concept-map button{font-size:14px;padding:14px}.quiz-question{padding:18px}.atlas-toolbar .tool-btn{padding:8px 12px;font-size:14px}.review-row{font-size:14px}.atlas-info .btn{width:100%}}