@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d65c78{font-family:Inter,Inter Fallback;font-style:normal}.__variable_d65c78{--font-inter:"Inter","Inter Fallback"}.ml-12{margin-left:3rem;background-color:rgba(245,245,245,.5)!important;border-left-width:3px!important}.indented-element,.ml-12{position:relative}.indented-element:before{content:"";position:absolute;top:-8px;left:0;width:12px;height:calc(50% + 8px);border-left:2px solid rgba(180,83,9,.3);border-bottom:2px solid rgba(180,83,9,.3);border-bottom-left-radius:6px;z-index:1}.indented-element .indented-indicator{position:absolute;left:-20px;top:50%;transform:translateY(-50%);font-size:14px;color:rgba(180,83,9,.7);display:inline-block;padding:0 3px}@tailwind base;@tailwind components;@tailwind utilities;:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--bg-primary:#ffffff;--bg-secondary:#f9fafb;--text-primary:#111827;--text-secondary:#4b5563;--border-color:#e5e7eb;--code-bg:#282c34;--amber-50:#fffbeb;--amber-100:#fef3c7;--amber-200:#fde68a;--amber-300:#fcd34d;--amber-400:#fbbf24;--amber-500:#f59e0b;--amber-600:#d97706;--amber-700:#b45309;--amber-800:#92400e;--amber-900:#78350f}body,html{width:100%;overflow-x:hidden}body{height:auto;min-height:100%;background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:var(--amber-500);border-radius:4px;border:2px solid #f1f1f1}::-webkit-scrollbar-thumb:hover{background:var(--amber-600)}#__next{min-height:100vh;display:flex;flex-direction:column}@layer utilities{.min-h-screen{min-height:100vh}@media (max-width:640px){.text-4xl{font-size:2rem}.py-10{padding-top:2rem;padding-bottom:2rem}.mb-16{margin-bottom:2.5rem}.p-6{padding:1rem}}@media (min-width:641px) and (max-width:1024px){.max-w-4xl{max-width:90%}}}.theme-toggle{position:fixed;top:1rem;right:1rem;padding:.5rem;border-radius:50%;background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-accent);cursor:pointer;z-index:100;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{border-color:var(--hover-border-color);transform:scale(1.1)}.markdown-content{max-width:800px;width:100%;margin:0 auto 2rem;padding:1.5rem 2rem;background-color:var(--bg-secondary);border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);position:relative}.back-arrow{position:fixed;top:5rem;left:1rem;display:flex;align-items:center;gap:.5rem;color:var(--amber-600);text-decoration:none;font-size:.875rem;transition:all .3s ease;padding:.5rem 1rem;border-radius:.375rem;background-color:white;border:1px solid var(--amber-100);z-index:50;box-shadow:0 2px 6px rgba(0,0,0,.05)}.back-arrow:hover{border-color:var(--amber-300);transform:translateX(-5px);color:var(--amber-600);background-color:var(--amber-50)}.back-arrow svg{width:20px;height:20px;fill:currentColor}.page-title{text-align:center;margin:4rem 0 3rem;color:var(--text-accent);font-size:2.5rem;font-weight:700;position:relative;z-index:5}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;height:100%;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-color:var(--hover-border-color)}.btn{padding:.5rem 1rem;border-radius:.375rem;transition:all .3s;color:var(--text-accent);border:1px solid var(--border-color);cursor:pointer;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--hover-border-color)}.btn-primary{background-color:#ca8a04;color:#ffffff}.btn-primary:hover{background-color:#a16207}.link{color:var(--text-accent);transition:color .3s;text-decoration:none}.link:hover{color:#ca8a04}h1,h2,h3,h4,h5,h6{color:var(--amber-600);font-weight:700;line-height:1.3;margin:2rem 0 1rem}h1{font-size:2.25rem;margin-top:0}h2{font-size:1.875rem;border-bottom:1px solid var(--amber-200);padding-bottom:.5rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{line-height:1.8}ol,p,ul{margin:1.2rem 0}ol,ul{color:var(--text-primary);padding-left:1.5rem}li{margin:.5rem 0;line-height:1.6}blockquote{border-left:4px solid #ca8a04;background-color:#fef9e7;padding:.75rem 1.25rem;margin:1.5rem 0 1rem;font-style:italic;color:#4b5563;border-radius:.25rem}blockquote p{margin:0;color:var(--text-primary);font-style:italic}pre{border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem;overflow-x:auto;margin:1.5rem 0;font-size:.9rem}code,pre{background-color:var(--bg-secondary)}code{color:var(--text-accent);font-family:Menlo,Monaco,Courier New,monospace;font-size:.9em;padding:.2em .4em;border-radius:.25rem}pre code{padding:0;background-color:transparent}table{width:100%;border-collapse:collapse;margin:1.5rem 0}table th{background-color:var(--bg-secondary);padding:.5rem 1rem;text-align:left;font-weight:500}table td,table th{border:1px solid var(--border-color)}table td{padding:.75rem 1rem}a{color:var(--text-accent);transition:color .2s;text-decoration:none;border-bottom:1px solid var(--border-color)}a:hover{color:#ca8a04;border-bottom-color:#ca8a04}strong{color:var(--amber-800);font-weight:600}em{color:var(--amber-700);font-style:italic}hr{border:none;border-top:1px solid var(--border-color);margin:2.5rem 0}.container{width:100%;max-width:768px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width:640px){.container{max-width:640px;padding-left:1.5rem;padding-right:1.5rem;margin-left:auto;margin-right:auto}}@media (min-width:768px){.container{max-width:768px;margin-left:auto;margin-right:auto}}@media (min-width:1024px){.container{max-width:1024px;margin-left:auto;margin-right:auto}}@media (min-width:1280px){.container{max-width:1280px;margin-left:auto;margin-right:auto}}.max-w-3xl{max-width:48rem}.max-w-3xl,.max-w-4xl{margin-left:auto;margin-right:auto}.max-w-4xl{max-width:56rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}@media (max-width:768px){.grid{grid-template-columns:1fr}}.article-nav{display:flex;justify-content:space-between;margin:2rem 0;padding:1rem 0;border-top:1px solid var(--border-color)}.nav-item{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.375rem;transition:all .3s}.nav-item:hover{border-color:var(--hover-border-color);background-color:var(--bg-secondary)}.text-center{text-align:center}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.px-4{padding-left:1rem;padding-right:1rem}.rounded{border-radius:.25rem}.items-center{align-items:center}.w-full{width:100%}.h-full{height:100%}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.opacity-75{opacity:.75}.subject-color{border-color:#0369a1}.subject-bg{background-color:#e0f2fe;color:#0369a1}.subject-light-bg{background-color:#f0f9ff;color:#0369a1}.verb-color{border-color:#166534}.verb-bg{background-color:#dcfce7;color:#166534}.verb-light-bg{background-color:#f0fdf4;color:#166534}.object-color{border-color:#9a3412}.object-bg{background-color:#ffedd5;color:#9a3412}.object-light-bg{background-color:#fff7ed;color:#9a3412}.adverbial-color{border-color:#86198f}.adverbial-bg{background-color:#fae8ff;color:#86198f}.adverbial-light-bg{background-color:#fdf4ff;color:#86198f}.predicate-color{border-color:#b91c1c}.predicate-bg{background-color:#fee2e2;color:#b91c1c}.predicate-light-bg{background-color:#fef2f2;color:#b91c1c}.complement-color{border-color:#4338ca}.complement-bg{background-color:#e0e7ff;color:#4338ca}.complement-light-bg{background-color:#eef2ff;color:#4338ca}.attributive-color{border-color:#b45309}.attributive-bg{background-color:#ffedd5;color:#b45309}.attributive-light-bg{background-color:#fff7ed;color:#b45309}.other-color{border-color:#4b5563}.other-bg{background-color:#e5e7eb;color:#4b5563}.other-light-bg{background-color:#f9fafb;color:#4b5563}.conjunction-color{border-color:#0e7490}.conjunction-bg{background-color:#cffafe;color:#0e7490}.conjunction-light-bg{background-color:#ecfeff;color:#0e7490}.clause-color{border-color:#92400e}.clause-bg{background-color:#fef3c7;color:#92400e}.clause-light-bg{background-color:#fffbeb;color:#92400e}.conditional-color{border-color:#047857}.conditional-bg{background-color:#d1fae5;color:#047857}.conditional-light-bg{background-color:#ecfdf5;color:#047857}.placeholder-color{border-color:#9ca3af}.placeholder-bg{background-color:#f3f4f6;color:#6b7280}.placeholder-light-bg{background-color:#f9fafb;color:#6b7280}.document-outline{width:300px!important;position:fixed;top:5rem!important;right:1rem;height:calc(100vh - 7rem)!important;overflow-y:auto;border-left:1px solid var(--border-color);padding:1rem;display:flex;flex-direction:column;background-color:var(--bg-primary);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:100;animation:slidein .3s ease}.outline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.outline-title{font-size:1.1rem;margin:0;color:var(--amber-600);font-weight:700}.outline-toggle-btn{background:none;border:none;padding:4px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:50%}.outline-toggle-btn:hover{color:var(--amber-600);background-color:var(--amber-50)}.outline-list{list-style:none;padding:0;margin:0;overflow-y:auto}.outline-item{margin:.25rem 0}.outline-item-header,.toggle-btn{display:flex;align-items:center}.toggle-btn{background:none;border:none;padding:2px;margin-right:4px;cursor:pointer;color:var(--text-primary);justify-content:center;transition:color .2s}.toggle-btn:hover{color:var(--amber-600)}.nested-outline{list-style:none;padding:0;margin:0}.toc-item{display:inline-block;text-decoration:none;color:var(--text-primary);padding:.25rem .25rem .25rem 0;margin:.1rem 0;border-radius:.25rem;transition:all .2s ease;font-size:.9rem;line-height:1.4;flex:1;background:none;border:none;text-align:left;cursor:pointer;font-family:inherit}.toc-item.active,.toc-item:hover{color:var(--amber-600);background-color:var(--amber-50)}.toc-item.active{font-weight:700}.floating-outline-btn{position:fixed;right:1rem;bottom:1rem;width:48px;height:48px;border-radius:50%;background-color:var(--amber-600);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;color:white;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:transform .2s,background-color .2s}.floating-outline-btn:hover{transform:scale(1.1);background-color:var(--amber-500)}.outline-toggle-icon{width:24px;height:24px;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.reading-section{margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.reading-section:last-child{border-bottom:none}.reading-section h2{color:var(--amber-600);margin-top:2rem;margin-bottom:1.5rem;font-size:1.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--amber-200)}.original-content{line-height:1.8;font-size:1.05rem}.analysis-section blockquote{border-left:4px solid #eab308;background-color:#f8f8f0;padding:1rem 1.5rem;margin:1.5rem 0;font-style:italic;color:#57534e;border-radius:.375rem;font-size:1.05rem;line-height:1.6}.border{border-width:1px;border-style:solid}.rounded-md{border-radius:.375rem}.mb-3{margin-bottom:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.font-medium{font-weight:500}.flex{display:flex}.justify-between{justify-content:space-between}.text-gray-600{color:#4b5563}.italic{font-style:italic}.ml-2{margin-left:.5rem}.text-sm{font-size:.875rem}.clear-float{clear:both;margin-bottom:28px}.article-analysis{padding:1.5rem;background-color:white;border-radius:.5rem;box-shadow:0 1px 3px rgba(0,0,0,.1)}.paragraph-section{margin-bottom:2.5rem}.paragraph-text{font-size:1.05rem;line-height:1.7;background-color:#f9fafb;border:1px solid #eee;border-radius:.375rem;padding:1rem}.sentence-number{color:#6b7280;font-size:.875rem;margin-bottom:.5rem;border-bottom:1px dashed #e5e7eb;padding-bottom:.25rem}h2,h3,h4{color:#1f2937;font-weight:600}h2{font-size:1.5rem;margin-bottom:1.5rem}h3{font-size:1.25rem;margin-bottom:1rem}h4{font-size:1.125rem;margin-bottom:.75rem}.grammar-display{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.sentence-original{padding:.75rem 1rem;background-color:#f9f9f9;border-left:4px solid #ccc}.clause-wrapper{margin-bottom:1.5rem;padding:0 .5rem}.grammar-clause{border-radius:.5rem;padding:1.5rem 1rem}.grammar-part-container{margin-bottom:.75rem}.part-connector{height:1rem;margin:.25rem auto}.clause-connector{height:1.5rem}.grammar-part{border-radius:.375rem;transition:transform .15s ease,box-shadow .15s ease}.grammar-part:hover{box-shadow:0 4px 6px rgba(0,0,0,.1)}.grammar-card-header{padding:.625rem .75rem;font-size:.95rem}.grammar-card-body{padding:.625rem .75rem;font-size:.9rem}.grammar-type-label{color:#666;padding:.2rem .4rem;border-radius:.25rem;margin-left:.5rem;align-self:flex-start}.subject-color{border-color:#C4DCF5!important}.subject-bg{color:#1E5493!important}.subject-light-bg{background-color:#F0F7FC!important}.verb-color{border-color:#F5C4C4!important}.verb-bg{color:#931E1E!important}.verb-light-bg{background-color:#FCF0F0!important}.object-color{border-color:#C4F5C4!important}.object-bg{color:#1E931E!important}.object-light-bg{background-color:#F0FCF0!important}.adverbial-color{border-color:#F5EFC4!important}.adverbial-bg{color:#937B1E!important}.adverbial-light-bg{background-color:#FCFAF0!important}.complement-color{border-color:#D8C4F5!important}.complement-bg{color:#5D1E93!important}.complement-light-bg{background-color:#F7F0FC!important}.attributive-color{border-color:#C4F5F5!important}.attributive-bg{color:#1E9393!important}.attributive-light-bg{background-color:#F0FCFC!important}.conjunction-color{border-color:#F5C4F5!important}.conjunction-bg{color:#931E93!important}.conjunction-light-bg{background-color:#FCF0FC!important}.predicate-color{border-color:#DFF5C4!important}.predicate-bg{color:#5B931E!important}.predicate-light-bg{background-color:#F7FCF0!important}.conditional-color{border-color:#F5D5C4!important}.conditional-bg{background-color:#F9ECE6!important;color:#934B1E!important}.conditional-light-bg{background-color:#FCF6F0!important}@media (max-width:768px){.grammar-clause{padding:1rem .5rem}.grammar-part-container{max-width:100%}}.grammar-part{border-width:1px;border-style:solid;border-radius:.5rem;margin:.5rem 0;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease;width:100%;max-width:600px}.grammar-part:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.15);z-index:5}.grammar-card-header{padding:.75rem 1rem;font-weight:500;border-bottom:1px solid rgba(0,0,0,.07)}.grammar-type-label{font-size:.7rem;padding:2px 8px;border-radius:4px;margin-left:8px;background-color:rgba(0,0,0,.05);position:relative;top:-1px}.grammar-clause{border:1px dashed #ddd;background-color:rgba(249,250,251,.8);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.grammar-clause,.grammar-part-container{display:flex;flex-direction:column;align-items:center}.grammar-part-container{width:100%;max-width:600px;margin:0 auto .75rem;position:relative}.part-connector{height:1.5rem;width:2px;background-color:#ddd;margin:0 auto;position:relative}.part-connector:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #ddd}.clause-connector{height:2rem;width:2px;background-color:#ccc;margin:0 auto;position:relative}.clause-connector:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #ccc}.sentence-original{border-left:4px solid #dee2e6;margin-bottom:1.5rem;color:#212529}.clause-wrapper{width:100%;margin-bottom:1rem}.grammar-analysis-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:1rem 0;position:relative}.grammar-card-body{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem}.grammar-zh{flex:1;padding-right:10px}.grammar-clause{background-color:rgba(249,250,251,.9);position:relative}.clause-wrapper{position:relative;padding:.5rem;border-radius:.75rem}.grammar-clause:before{content:attr(data-label);position:absolute;top:-10px;left:10px;background-color:white;padding:0 8px;font-size:.75rem;color:#666;border-radius:4px;z-index:1}.grammar-display{position:relative;padding:1.5rem;margin:1.5rem 0;border:1px solid #e5e7eb;border-radius:.75rem;background-color:white;box-shadow:0 1px 3px rgba(0,0,0,.05)}.sentence-original{padding:1rem 1.25rem;background-color:#f8f9fa;border-left:4px solid #4b6bfb;border-radius:.25rem;margin-bottom:2rem;font-size:1.05rem;line-height:1.6;color:#333;position:relative}.sentence-original:before{content:"Original Sentence";position:absolute;top:-10px;left:10px;background-color:#4b6bfb;color:white;font-size:.7rem;padding:2px 8px;border-radius:4px;font-weight:500}.clause-wrapper:before{content:"";position:absolute;top:-1rem;left:50%;width:2px;height:1rem;background-color:#ccc;transform:translateX(-50%)}.clause-wrapper:first-child:before{display:none}@media (max-width:768px){.grammar-part{max-width:100%}.grammar-clause{padding:1rem .75rem}}.subject-bg{background-color:#CCE5FF!important;color:#0066CC!important;border-color:#3399FF!important}.verb-bg{background-color:#FFCCCC!important;color:#CC0000!important;border-color:#FF6666!important}.object-bg{background-color:#CCFFCC!important;color:#006600!important;border-color:#66CC66!important}.adverbial-bg{background-color:#FFFFCC!important;color:#CC6600!important;border-color:#FFCC66!important}.attributive-bg{background-color:#CCFFFF!important;color:#008888!important;border-color:#66CCCC!important}.predicate-bg{background-color:#E6FFCC!important;color:#336600!important;border-color:#99CC66!important}.grammar-display{margin:20px 0;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.sentence-original{background-color:#f0f2f5;padding:15px;border-radius:5px;margin-bottom:20px;border-left:4px solid #6c757d;font-size:16px;line-height:1.5}.grammar-part{margin-bottom:8px;border-radius:5px;overflow:hidden}.part-content{padding:12px 15px;background-color:white;border:1px solid #ddd;border-radius:5px}.en-text{font-size:16px;font-weight:500;margin-bottom:8px}.zh-text{font-size:14px;color:#666;display:flex;justify-content:space-between}.grammar-card{border-radius:8px;box-shadow:0 3px 6px rgba(0,0,0,.1);margin-bottom:12px;border-width:2px!important}@media (max-width:768px){.grammar-part{margin-bottom:12px}.en-text,.zh-text{word-break:break-word}}.flat-grammar-display{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;max-width:800px;margin:0 auto;padding:1rem 0}.sentence-box{background-color:#f1f8e9;border:1px solid #c5e1a5;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.original-text{font-size:1rem;line-height:1.6}.translation{font-size:.9rem;color:#666;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.05)}.grammar-parts-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.grammar-part-card{background-color:white;border-width:1px;border-style:solid;border-radius:.375rem;overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.05)}.grammar-part-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.08)}.english-text{padding:.75rem 1rem;font-weight:500;font-size:1rem}.chinese-translation{padding:.75rem 1rem;font-size:.95rem;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center}.subject-bg{border-color:#C4DCF5!important}.verb-bg{border-color:#F5C4C4!important}.object-bg{border-color:#C4F5C4!important}.adverbial-bg{border-color:#F5EFC4!important}.predicate-bg{border-color:#DFF5C4!important}.attributive-bg{border-color:#C4F5F5!important}.complement-bg{border-color:#D8C4F5!important}.conjunction-bg{border-color:#F5C4F5!important}@media (min-width:640px){.grammar-parts-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:639px){.chinese-translation{flex-direction:column;align-items:flex-start}.chinese-translation span:last-child{margin-top:.5rem}}.hierarchical-grammar-display{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;max-width:900px;margin:0 auto;padding:1rem}.full-sentence-wrapper{background-color:#f1f8e9;border:1px solid #c5e1a5;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}.sentence-text{font-size:1rem;line-height:1.6}.sentence-translation{font-size:.9rem;color:#666;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.05)}.clause-container{margin-bottom:2rem}.main-parts-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.grammar-card-wrapper{flex:1;min-width:200px}.subordinate-parts-container{padding-left:2rem;border-left:2px solid #e5e7eb;margin-top:1rem;margin-left:1rem}.grammar-card{border-width:1px;border-style:solid;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease}.grammar-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.card-header{padding:.75rem 1rem;font-weight:500;font-size:1rem}.card-body{padding:.75rem 1rem;background-color:white;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(0,0,0,.05)}.subject-bg{background-color:#E6F0F9!important}.subject-border{border-color:#C4DCF5!important}.verb-bg{background-color:#F9E6E6!important}.verb-border{border-color:#F5C4C4!important}.object-bg{background-color:#E6F9E6!important}.object-border{border-color:#C4F5C4!important}.adverbial-bg{background-color:#F9F6E6!important}.adverbial-border{border-color:#F5EFC4!important}.predicate-bg{background-color:#F0F9E6!important}.predicate-border{border-color:#DFF5C4!important}.attributive-bg{background-color:#E6F9F9!important}.attributive-border{border-color:#C4F5F5!important}.complement-bg{background-color:#EEE6F9!important}.complement-border{border-color:#D8C4F5!important}.conjunction-bg{background-color:#F9E6F9!important}.conjunction-border{border-color:#F5C4F5!important}.type-label{font-size:.75rem;padding:.15rem .5rem;border-radius:.25rem;background-color:#f3f4f6;color:#6b7280;white-space:nowrap}@media (max-width:768px){.main-parts-row{flex-direction:column}.grammar-card-wrapper{width:100%!important;margin-bottom:1rem}.card-body{flex-direction:column;align-items:flex-start}.card-body span:last-child{margin-top:.5rem}.subordinate-parts-container{padding-left:1rem;margin-left:.5rem}}