@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,Noto Sans TC,sans-serif;color:#24252b;background:#f6f3ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}:root{--ink: #24252b;--muted: #858079;--line: #dfdbd3;--paper: #fbfaf7;--orange: #ed7446;--orange-dark: #bd5030;--cream: #f6f3ee;--mono: "DM Mono", monospace}.app-shell{min-height:100vh;overflow:hidden;background:var(--cream)}.topbar{height:76px;max-width:1440px;margin:0 auto;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:13px;font-weight:800;letter-spacing:.14em}.brand-mark{width:23px;height:23px;display:flex;align-items:end;gap:3px;transform:rotate(-15deg)}.brand-mark span{display:block;width:5px;border-radius:5px 5px 2px 2px;background:var(--orange)}.brand-mark span:nth-child(1){height:11px;opacity:.62}.brand-mark span:nth-child(2){height:19px}.brand-mark span:nth-child(3){height:14px;opacity:.78}.topnav{display:flex;align-items:center;gap:34px;margin-left:12%;font-size:13px;color:var(--muted)}.topnav a{padding:29px 0 25px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.topnav a:hover,.topnav a.active{color:var(--ink);border-color:var(--orange)}.top-add,.primary-button,.about-button,.submit-button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.01em}.top-add{padding:11px 15px;color:#fff;background:var(--ink);border-radius:4px;transition:transform .2s,background .2s}.top-add:hover{transform:translateY(-2px);background:var(--orange-dark)}main{max-width:1440px;margin:0 auto}.hero-section{position:relative;min-height:570px;padding:91px 9.4vw 80px;display:flex;justify-content:space-between;gap:50px;border-bottom:1px solid var(--line)}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.34;pointer-events:none;background-image:linear-gradient(rgba(54,53,49,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(54,53,49,.055) 1px,transparent 1px);background-size:76px 76px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 80%);mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-copy{position:relative;z-index:1;max-width:575px}.eyebrow,.section-kicker,.side-label{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:#a49a8e;font-weight:500}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--orange-dark)}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #ed744624}h1{font-size:clamp(45px,5vw,74px);line-height:1.14;letter-spacing:-.06em;font-weight:700;margin:31px 0 25px}.hero-copy h1 em{color:var(--orange);font-style:normal}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.9;letter-spacing:.01em}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:36px}.primary-button{padding:13px 17px;color:#fff;background:var(--ink);transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-2px);background:var(--orange-dark)}.text-button{display:inline-flex;gap:7px;align-items:center;padding:0 0 5px;border:0;border-bottom:1px solid var(--ink);color:var(--ink);background:none;font-size:12px;font-weight:700}.text-button:hover{color:var(--orange-dark);border-color:var(--orange-dark)}.hero-stats{display:flex;gap:34px;margin-top:65px}.hero-stats div{display:flex;flex-direction:column;gap:4px;border-left:1px solid var(--line);padding-left:14px}.hero-stats strong{font-family:var(--mono);font-size:20px;font-weight:500}.hero-stats span{font-size:11px;color:var(--muted)}.hero-visual{position:relative;z-index:1;width:min(43vw,525px);min-width:410px;height:383px;margin:9px 1.2vw 0 0}.visual-backdrop{position:absolute;width:303px;height:329px;top:24px;left:65px;transform:rotate(6deg);background:#d5dfd6}.orbit{position:absolute;border:1px solid rgba(237,116,70,.44);border-radius:50%}.orbit-one{width:428px;height:180px;top:111px;left:26px;transform:rotate(-28deg)}.orbit-two{width:172px;height:412px;top:-1px;left:198px;transform:rotate(35deg);border-color:#24252b29}.visual-card{position:absolute;padding:12px;background:#ffffffc2;box-shadow:0 19px 42px #292a2524}.visual-card img{display:block;width:100%;-o-object-fit:cover;object-fit:cover}.visual-main{top:20px;left:47px;width:318px;transform:rotate(-5deg)}.visual-main img{height:222px;-o-object-position:center;object-position:center}.visual-small{z-index:2;right:17px;bottom:22px;width:172px;transform:rotate(8deg);background:#30293b;box-shadow:0 15px 34px #292a2547}.visual-small img{height:117px}.visual-small span{display:block;color:#f5eeeb;font-family:var(--mono);font-size:9px;margin-top:8px;letter-spacing:.08em}.visual-card-bar,.visual-caption{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:8px;color:#9f958a;letter-spacing:.08em;padding:0 1px 9px}.mini-dots{letter-spacing:2px}.visual-caption{padding:9px 1px 1px;color:var(--ink)}.visual-caption b{color:var(--orange-dark);font-weight:500}.visual-stamp{position:absolute;z-index:3;top:-8px;right:8px;width:74px;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:50%;background:var(--orange);color:#fff;transform:rotate(13deg);font-family:var(--mono);font-size:8px;text-align:center;line-height:1.45;letter-spacing:.05em}.archive-section{padding:80px 5.2vw 102px;border-bottom:1px solid var(--line);background:#f8f6f2}.archive-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:49px}.archive-head h2,.about-section h2{margin:10px 0 0;font-size:31px;letter-spacing:-.05em}.archive-head h2 span{font-family:var(--mono);vertical-align:top;margin:2px 0 0 7px;color:var(--orange-dark);font-size:13px;letter-spacing:0}.head-tools{display:flex;align-items:center;gap:13px}.search-box{display:flex;align-items:center;gap:10px;width:265px;padding:10px 11px;border-bottom:1px solid #bcb5aa;color:var(--muted)}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--ink);background:transparent;font-size:12px}.search-box input::-moz-placeholder{color:#a8a095}.search-box input::placeholder{color:#a8a095}.search-box kbd{display:inline-flex;min-width:17px;height:17px;align-items:center;justify-content:center;color:#9f978d;border:1px solid #d5d0c8;font-family:var(--mono);font-size:10px}.view-toggle{display:inline-flex;gap:2px;padding:3px;background:#ebe7df}.view-toggle button{display:flex;align-items:center;justify-content:center;border:0;width:31px;height:28px;color:#9c958a;background:transparent}.view-toggle button.selected{color:var(--ink);background:var(--paper);box-shadow:0 2px 4px #322d2714}.archive-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:51px}.sidebar{padding-top:7px}.side-label{margin-bottom:17px}.category-list{display:flex;flex-direction:column;gap:4px}.category-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:11px 10px;border:0;border-left:2px solid transparent;color:#888278;background:transparent;font-size:12px;text-align:left;transition:color .18s,background .18s,border-color .18s}.category-button:hover,.category-button.active{border-color:var(--orange);color:var(--ink);background:#ffffff91}.category-name{display:flex;align-items:center;gap:10px}.category-icon{width:19px;height:19px;display:inline-flex;justify-content:center;align-items:center;color:var(--orange-dark);font-size:16px}.category-icon.education{font-size:19px}.category-icon.favorites{color:var(--orange)}.category-count{font-family:var(--mono);font-size:10px;color:#b1aaa0}.side-rule{height:1px;margin:27px 0 26px;background:var(--line)}.side-note{margin-top:57px;padding:17px 15px 14px;background:#e3eae2;color:#5f7564}.side-note p{margin:10px 0 13px;font-size:11px;line-height:1.65}.side-note button{display:inline-flex;align-items:center;gap:6px;border:0;border-bottom:1px solid #779079;padding:0 0 4px;color:#5f7564;background:none;font-size:10px;font-weight:700}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-content:start}.archive-card{min-width:0;overflow:hidden;border:1px solid #e3dfd7;background:var(--paper);transition:transform .25s,box-shadow .25s,border-color .25s;cursor:pointer}.archive-card:hover{transform:translateY(-5px);border-color:#c9c2b9;box-shadow:0 15px 30px #332f271a}.card-thumb{position:relative;height:168px;overflow:hidden;isolation:isolate}.thumb-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:radial-gradient(rgba(255,255,255,.55) .6px,transparent .7px);background-size:5px 5px;mix-blend-mode:overlay}.thumb-lines{position:absolute;width:125%;height:80%;top:18%;left:-8%;border:1px solid rgba(255,255,255,.35);border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 0 16px #ffffff0f,0 0 0 34px #ffffff0d}.thumb-symbol{position:absolute;left:21px;top:31px;color:#fffffff0;font-size:38px;font-weight:700;letter-spacing:-.08em;text-shadow:0 3px 17px rgba(0,0,0,.14)}.thumb-category{position:absolute;left:21px;bottom:17px;font-family:var(--mono);font-size:9px;letter-spacing:.11em;color:#ffffffd1}.favorite-button{position:absolute;z-index:2;top:14px;right:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.39);color:#fff;background:#1e1f2429;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.favorite-button:hover,.favorite-button.is-favorite{color:#ffddcf;background:#95361f57}.new-badge{position:absolute;top:17px;left:21px;padding:4px 7px;color:#fff;background:var(--orange);font-family:var(--mono);font-size:8px;letter-spacing:.1em}.ocean{background:linear-gradient(137deg,#1e4452,#6fa5a5 49%,#d0e4d0 150%)}.sage{background:linear-gradient(145deg,#728b7a,#b8cdbd 63%,#eff0de)}.campus{background:linear-gradient(135deg,#465d55,#819b85 51%,#d6cb94)}.paper{background:linear-gradient(145deg,#d3cab6,#f3eee1 62%,#c6d5c8)}.mint{background:linear-gradient(145deg,#356c66,#8fb9a8 58%,#e1e9cf)}.prism{background:linear-gradient(135deg,#151c45,#51345c 45%,#e7784d)}.dream{background:linear-gradient(145deg,#1b214b,#493b6e 51%,#b07b86)}.bloom{background:linear-gradient(145deg,#8e9d87,#d8cfa8,#e36f50 110%)}.sodium{background:linear-gradient(145deg,#204e5d,#7ca6a3 55%,#d0e4d0)}.sodium .thumb-lines{transform:rotate(24deg)}.prism .thumb-lines,.dream .thumb-lines{border-color:#f2c6e070}.card-body{padding:17px 18px 16px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:7px;color:#a49b90;font-family:var(--mono);font-size:9px}.status{display:inline-flex;align-items:center;gap:4px;font-family:Manrope,Noto Sans TC,sans-serif;color:#898176}.card-body h3{margin:11px 0 9px;font-size:15px;line-height:1.5;letter-spacing:-.03em}.card-body p{min-height:42px;margin:0;color:#8b857c;font-size:11px;line-height:1.7}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px;padding-top:12px;border-top:1px solid #e9e5de}.domain{overflow:hidden;color:#aaa299;font-family:var(--mono);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.open-mark{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;flex:0 0 auto;color:var(--orange-dark);border:1px solid #ebc4b5}.add-card{min-height:321px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:12px;padding:22px;border:1px dashed #d2ccc2;color:#80786e;background:transparent;text-align:left;transition:border-color .2s,background .2s,color .2s}.add-card:hover{color:var(--orange-dark);border-color:var(--orange);background:#ffffff80}.add-card>svg{margin-top:6px}.add-card-icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;color:var(--orange-dark);border:1px solid #e8bda9}.add-card strong,.add-card small{display:block}.add-card strong{margin-bottom:5px;font-size:13px;color:var(--ink)}.add-card small{font-size:10px}.empty-state{grid-column:1 / -1;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center}.empty-state>span{font-size:38px;color:var(--orange)}.empty-state h3{margin:11px 0 6px;color:var(--ink);font-size:17px}.empty-state p{margin:0 0 18px;font-size:12px}.empty-state button{border:0;border-bottom:1px solid var(--orange);padding:0 0 4px;color:var(--orange-dark);background:none;font-size:12px}.cards-list{display:flex;flex-direction:column;gap:12px}.cards-list .archive-card{display:grid;grid-template-columns:185px minmax(0,1fr)}.cards-list .card-thumb{height:166px}.cards-list .card-body{padding:19px 22px 16px}.cards-list .card-body p{max-width:600px}.cards-list .add-card{min-height:114px;flex-direction:row;align-items:center;justify-content:flex-start}.cards-list .add-card>svg{margin-left:auto}.about-section{min-height:265px;display:grid;grid-template-columns:92px 1fr 1.2fr auto;align-items:center;gap:30px;padding:58px 9.4vw;background:#dfe9df}.about-mark{width:60px;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid #829888;color:#6c826f;font-family:var(--mono);font-size:14px;letter-spacing:.08em;transform:rotate(-8deg)}.about-section h2{color:#34493a;font-size:24px}.about-section p{max-width:375px;margin:0;color:#6c7d70;font-size:12px;line-height:1.8}.about-button{color:#34493a;border-bottom:1px solid #779079;padding:0 0 6px;background:none;white-space:nowrap}.footer{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;padding:22px 5.2vw 28px;color:#aaa197;font-family:var(--mono);font-size:9px;letter-spacing:.08em}.footer-dot{color:var(--orange);margin-left:8px}.modal-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#211f1d73;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.link-modal,.detail-modal{position:relative;width:min(100%,530px);max-height:calc(100vh - 40px);overflow-y:auto;padding:35px 36px 36px;background:var(--paper);box-shadow:0 24px 80px #0003;animation:modal-in .28s ease-out}.modal-close{position:absolute;top:16px;right:20px;width:27px;height:27px;border:0;color:#8d857a;background:transparent;font-size:25px;font-weight:300;line-height:1}.link-modal h2{margin:12px 0 8px;font-size:28px;letter-spacing:-.05em}.modal-intro{margin:0 0 25px;color:var(--muted);font-size:12px}.link-modal label{display:block;margin-top:16px;color:#777066;font-size:11px}.link-modal input,.link-modal select,.link-modal textarea{display:block;width:100%;margin-top:7px;padding:11px 12px;border:1px solid #ded9d1;outline:0;color:var(--ink);background:#fffefa;font-size:12px;resize:vertical}.link-modal input:focus,.link-modal select:focus,.link-modal textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ed74461a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.submit-button{margin-top:24px;padding:13px 17px;color:#fff;background:var(--ink)}.submit-button:hover{background:var(--orange-dark)}.detail-modal{display:grid;grid-template-columns:180px 1fr;padding:0}.detail-hero{position:relative;min-height:320px;overflow:hidden;display:flex;align-items:center;justify-content:center}.detail-hero:before,.detail-hero:after{content:"";position:absolute;width:140%;height:110px;border:1px solid rgba(255,255,255,.3);border-radius:50%;transform:rotate(-28deg)}.detail-hero:after{transform:rotate(20deg);opacity:.5}.detail-hero span{position:relative;z-index:1;color:#fff;font-size:38px;font-weight:700}.detail-hero small{position:absolute;z-index:1;bottom:17px;left:17px;color:#fffc;font-family:var(--mono);font-size:9px;letter-spacing:.1em}.detail-content{position:relative;padding:34px 30px 30px}.detail-content h2{margin:15px 0 10px;font-size:24px;line-height:1.35;letter-spacing:-.05em}.detail-content>p{margin:0;color:#80786f;font-size:12px;line-height:1.8}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0}.detail-tags span{padding:5px 7px;color:#8c776d;background:#f1e9e2;font-family:var(--mono);font-size:9px}.detail-link{display:flex;align-items:center;gap:7px;padding:11px 0;border-top:1px solid #e5e0d8;border-bottom:1px solid #e5e0d8;color:#9c9389;font-family:var(--mono);font-size:9px}.detail-actions{display:flex;align-items:center;gap:9px;margin-top:20px}.detail-actions .submit-button{margin-top:0}.secondary-button{display:inline-flex;align-items:center;gap:7px;padding:12px 13px;border:1px solid #d9d2c8;color:#70695f;background:transparent;font-size:11px}.secondary-button:hover{color:var(--orange-dark);border-color:#e1a48e}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:980px){.topbar{padding:0 28px}.topnav{margin-left:0;gap:21px}.hero-section{padding:75px 7vw 65px}.hero-visual{width:43vw;min-width:350px;transform:scale(.88);transform-origin:top right;margin-right:-24px}.archive-section{padding-inline:28px}.archive-layout{gap:28px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-section{padding-inline:7vw;grid-template-columns:72px 1fr}.about-section p{grid-column:2}.about-button{grid-column:2;justify-self:start}}@media(max-width:720px){.topbar{height:64px;padding:0 18px}.topnav{display:none}.top-add{padding:9px 11px}.hero-section{min-height:auto;display:block;padding:55px 24px 25px}.hero-copy{max-width:100%}.hero-copy h1{font-size:clamp(42px,12vw,58px);margin-top:24px}.hero-copy>p{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px;margin-top:27px}.hero-stats{margin-top:45px;gap:20px}.hero-stats strong{font-size:17px}.hero-visual{width:100%;min-width:0;height:327px;margin:32px 0 0;transform:scale(.82);transform-origin:top center}.visual-main{left:7%}.visual-small{right:4%}.archive-section{padding:50px 18px 72px}.archive-head{display:block;margin-bottom:31px}.archive-head h2{font-size:27px}.head-tools{justify-content:space-between;margin-top:26px}.search-box{flex:1;width:auto}.archive-layout{display:block}.sidebar{margin-bottom:27px}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:4px}.category-button{padding:10px 7px}.side-rule,.side-label,.side-note{display:none}.cards-grid{grid-template-columns:1fr;gap:16px}.card-thumb{height:152px}.add-card{min-height:180px}.cards-list .archive-card{grid-template-columns:112px minmax(0,1fr)}.cards-list .card-thumb{height:100%;min-height:156px}.cards-list .card-body{padding:15px}.cards-list .card-body h3{font-size:13px}.cards-list .card-body p{font-size:10px}.about-section{display:block;padding:49px 25px 54px}.about-mark{margin-bottom:30px}.about-section h2{font-size:22px;margin-bottom:23px}.about-section p{margin-bottom:22px}.footer{padding:19px 18px 24px;font-size:8px}.footer span:last-child{display:none}.detail-modal{grid-template-columns:1fr;max-width:380px}.detail-hero{min-height:160px}.detail-content{padding:25px 23px 24px}.link-modal{padding:31px 23px 26px}.form-row{grid-template-columns:1fr;gap:0}}.visual-image{display:block;width:100%;background-position:center;background-size:cover}.sites-overview{height:222px;background-image:url(/assets/sites-overview-Iz8DpxY4.png)}.stories-overview{height:117px;background-image:url(/assets/stories-overview-B2LJ7w0X.png)}