1/* NBé¢é · å½åºä¸»é¢ï¼Python æµ·é¾ç»å¾ · ç»äºæ红æï¼å«å æ¡éä¹å¼çº¿ï¼ 2 ç»å¸ 600x370ï¼å½ææ¾å¤§å° 380x253ï¼Hero ä¸åé¨åä¸è¡ï¼å½æå¨ç»å¨å·¦ã代ç é¢æ¿å¨å³ã 3 代ç é¢æ¿é»è®¤æå ï¼å®½åº¦ä¸å·¦åå½æä¸è´ï¼ï¼å¯å±å¼ãå¯ä¸é®å¤å¶ã 4 æ¶é´è½´ï¼æé¢ -> 大æ -> åé¢å°æï¼åæ¥ï¼-> å æ¡å¼çº¿éæ¡ãè·å®éæ¢ã*/ 5(function () { 6 'use strict'; 7 var SVG = "<svg class=\"nb-tf-svg\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 760 420\" width=\"760\" height=\"420\" role=\"img\" aria-label=\"Python æµ·é¾ç»å¾ç»åºäºæ红æï¼å¹¶æ 注åé¨åå«ä¹\"><rect class=\"nb-tf-fill\" x=\"124.0\" y=\"40.0\" width=\"512.0\" height=\"341.3\" fill=\"#de2910\" rx=\"4\"/><polygon class=\"nb-tf-star\" points=\"209.33,74.12 220.83,109.49 258.03,109.49 227.93,131.36 239.43,166.74 209.33,144.87 179.24,166.74 190.73,131.36 160.64,109.49 197.84,109.49\" style=\"animation-delay:3.08s\"/><polygon class=\"nb-tf-star\" points=\"280.03,82.90 288.17,73.54 281.79,62.91 293.20,67.76 301.35,58.41 300.26,70.76 311.67,75.61 299.58,78.40 298.50,90.75 292.12,80.12\" style=\"animation-delay:5.28s\"/><polygon class=\"nb-tf-star\" points=\"311.90,110.66 323.04,105.20 321.28,92.93 329.92,101.83 341.05,96.37 335.25,107.33 343.89,116.23 331.67,114.10 325.87,125.06 324.12,112.79\" style=\"animation-delay:5.28s\"/><polygon class=\"nb-tf-star\" points=\"312.39,154.76 324.78,154.32 328.19,142.39 332.44,154.04 344.83,153.60 335.07,161.24 339.32,172.89 329.03,165.96 319.27,173.61 322.68,161.69\" style=\"animation-delay:5.28s\"/><polygon class=\"nb-tf-star\" points=\"281.34,182.92 292.94,187.30 300.69,177.61 300.11,190.00 311.71,194.38 299.76,197.66 299.18,210.04 292.37,199.68 280.41,202.96 288.15,193.28\" style=\"animation-delay:5.28s\"/><g class=\"nb-tf-stroke\"><line x1=\"124.00\" y1=\"381.32\" x2=\"636.00\" y2=\"381.32\" style=\"--len:512.00;animation-delay:0.00s,1.03s\"/><line x1=\"636.00\" y1=\"381.32\" x2=\"636.00\" y2=\"39.98\" style=\"--len:341.33;animation-delay:0.22s,1.03s\"/><line x1=\"636.00\" y1=\"39.98\" x2=\"124.00\" y2=\"39.98\" style=\"--len:512.00;animation-delay:0.44s,1.03s\"/><line x1=\"124.00\" y1=\"39.98\" x2=\"124.00\" y2=\"381.32\" style=\"--len:341.33;animation-delay:0.66s,1.03s\"/><line x1=\"209.33\" y1=\"74.12\" x2=\"220.83\" y2=\"109.49\" style=\"--len:37.20;animation-delay:0.88s,3.23s\"/><line x1=\"220.83\" y1=\"109.49\" x2=\"258.03\" y2=\"109.49\" style=\"--len:37.20;animation-delay:1.10s,3.23s\"/><line x1=\"258.03\" y1=\"109.49\" x2=\"227.93\" y2=\"131.36\" style=\"--len:37.20;animation-delay:1.32s,3.23s\"/><line x1=\"227.93\" y1=\"131.36\" x2=\"239.43\" y2=\"166.74\" style=\"--len:37.20;animation-delay:1.54s,3.23s\"/><line x1=\"239.43\" y1=\"166.74\" x2=\"209.33\" y2=\"144.87\" style=\"--len:37.20;animation-delay:1.76s,3.23s\"/><line x1=\"209.33\" y1=\"144.87\" x2=\"179.24\" y2=\"166.74\" style=\"--len:37.20;animation-delay:1.98s,3.23s\"/><line x1=\"179.24\" y1=\"166.74\" x2=\"190.73\" y2=\"131.36\" style=\"--len:37.20;animation-delay:2.20s,3.23s\"/><line x1=\"190.73\" y1=\"131.36\" x2=\"160.64\" y2=\"109.49\" style=\"--len:37.20;animation-delay:2.42s,3.23s\"/><line x1=\"160.64\" y1=\"109.49\" x2=\"197.84\" y2=\"109.49\" style=\"--len:37.20;animation-delay:2.64s,3.23s\"/><line x1=\"197.84\" y1=\"109.49\" x2=\"209.33\" y2=\"74.12\" style=\"--len:37.20;animation-delay:2.86s,3.23s\"/><line x1=\"280.03\" y1=\"82.90\" x2=\"288.17\" y2=\"73.54\" style=\"--len:12.40;animation-delay:3.08s,5.43s\"/><line x1=\"288.17\" y1=\"73.54\" x2=\"281.79\" y2=\"62.91\" style=\"--len:12.40;animation-delay:3.30s,5.43s\"/><line x1=\"281.79\" y1=\"62.91\" x2=\"293.20\" y2=\"67.76\" style=\"--len:12.40;animation-delay:3.52s,5.43s\"/><line x1=\"293.20\" y1=\"67.76\" x2=\"301.35\" y2=\"58.41\" style=\"--len:12.40;animation-delay:3.74s,5.43s\"/><line x1=\"301.35\" y1=\"58.41\" x2=\"300.26\" y2=\"70.76\" style=\"--len:12.40;animation-delay:3.96s,5.43s\"/><line x1=\"300.26\" y1=\"70.76\" x2=\"311.67\" y2=\"75.61\" style=\"--len:12.40;animation-delay:4.18s,5.43s\"/>
7<line x1=\"311.67\" y1=\"75.61\" x2=\"299.58\" y2=\"78.40\" style=\"--len:12.40;animation-delay:4.40s,5.43s\"/><line x1=\"299.58\" y1=\"78.40\" x2=\"298.50\" y2=\"90.75\" style=\"--len:12.40;animation-delay:4.62s,5.43s\"/><line x1=\"298.50\" y1=\"90.75\" x2=\"292.12\" y2=\"80.12\" style=\"--len:12.40;animation-delay:4.84s,5.43s\"/><line x1=\"292.12\" y1=\"80.12\" x2=\"280.03\" y2=\"82.90\" style=\"--len:12.40;animation-delay:5.06s,5.43s\"/><line x1=\"311.90\" y1=\"110.66\" x2=\"323.04\" y2=\"105.20\" style=\"--len:12.40;animation-delay:3.08s,5.43s\"/><line x1=\"323.04\" y1=\"105.20\" x2=\"321.28\" y2=\"92.93\" style=\"--len:12.40;animation-delay:3.30s,5.43s\"/><line x1=\"321.28\" y1=\"92.93\" x2=\"329.92\" y2=\"101.83\" style=\"--len:12.40;animation-delay:3.52s,5.43s\"/><line x1=\"329.92\" y1=\"101.83\" x2=\"341.05\" y2=\"96.37\" style=\"--len:12.40;animation-delay:3.74s,5.43s\"/><line x1=\"341.05\" y1=\"96.37\" x2=\"335.25\" y2=\"107.33\" style=\"--len:12.40;animation-delay:3.96s,5.43s\"/><line x1=\"335.25\" y1=\"107.33\" x2=\"343.89\" y2=\"116.23\" style=\"--len:12.40;animation-delay:4.18s,5.43s\"/><line x1=\"343.89\" y1=\"116.23\" x2=\"331.67\" y2=\"114.10\" style=\"--len:12.40;animation-delay:4.40s,5.43s\"/><line x1=\"331.67\" y1=\"114.10\" x2=\"325.87\" y2=\"125.06\" style=\"--len:12.40;animation-delay:4.62s,5.43s\"/><line x1=\"325.87\" y1=\"125.06\" x2=\"324.12\" y2=\"112.79\" style=\"--len:12.40;animation-delay:4.84s,5.43s\"/><line x1=\"324.12\" y1=\"112.79\" x2=\"311.90\" y2=\"110.66\" style=\"--len:12.40;animation-delay:5.06s,5.43s\"/><line x1=\"312.39\" y1=\"154.76\" x2=\"324.78\" y2=\"154.32\" style=\"--len:12.40;animation-delay:3.08s,5.43s\"/><line x1=\"324.78\" y1=\"154.32\" x2=\"328.19\" y2=\"142.39\" style=\"--len:12.40;animation-delay:3.30s,5.43s\"/><line x1=\"328.19\" y1=\"142.39\" x2=\"332.44\" y2=\"154.04\" style=\"--len:12.40;animation-delay:3.52s,5.43s\"/><line x1=\"332.44\" y1=\"154.04\" x2=\"344.83\" y2=\"153.60\" style=\"--len:12.40;animation-delay:3.74s,5.43s\"/><line x1=\"344.83\" y1=\"153.60\" x2=\"335.07\" y2=\"161.24\" style=\"--len:12.40;animation-delay:3.96s,5.43s\"/><line x1=\"335.07\" y1=\"161.24\" x2=\"339.32\" y2=\"172.89\" style=\"--len:12.40;animation-delay:4.18s,5.43s\"/><line x1=\"339.32\" y1=\"172.89\" x2=\"329.03\" y2=\"165.96\" style=\"--len:12.40;animation-delay:4.40s,5.43s\"/><line x1=\"329.03\" y1=\"165.96\" x2=\"319.27\" y2=\"173.61\" style=\"--len:12.40;animation-delay:4.62s,5.43s\"/><line x1=\"319.27\" y1=\"173.61\" x2=\"322.68\" y2=\"161.69\" style=\"--len:12.40;animation-delay:4.84s,5.43s\"/><line x1=\"322.68\" y1=\"161.69\" x2=\"312.39\" y2=\"154.76\" style=\"--len:12.40;animation-delay:5.06s,5.43s\"/><line x1=\"281.34\" y1=\"182.92\" x2=\"292.94\" y2=\"187.30\" style=\"--len:12.40;animation-delay:3.08s,5.43s\"/><line x1=\"292.94\" y1=\"187.30\" x2=\"300.69\" y2=\"177.61\" style=\"--len:12.40;animation-delay:3.30s,5.43s\"/><line x1=\"300.69\" y1=\"177.61\" x2=\"300.11\" y2=\"190.00\" style=\"--len:12.40;animation-delay:3.52s,5.43s\"/><line x1=\"300.11\" y1=\"190.00\" x2=\"311.71\" y2=\"194.38\" style=\"--len:12.40;animation-delay:3.74s,5.43s\"/><line x1=\"311.71\" y1=\"194.38\" x2=\"299.76\" y2=\"197.66\" style=\"--len:12.40;animation-delay:3.96s,5.43s\"/><line x1=\"299.76\" y1=\"197.66\" x2=\"299.18\" y2=\"210.04\" style=\"--len:12.40;animation-delay:4.18s,5.43s\"/><line x1=\"299.18\" y1=\"210.04\" x2=\"292.37\" y2=\"199.68\" style=\"--len:12.40;animation-delay:4.40s,5.43s\"/><line x1=\"292.37\" y1=\"199.68\" x2=\"280.41\" y2=\"202.96\" style=\"--len:12.40;animation-delay:4.62s,5.43s\"/><line x1=\"280.41\" y1=\"202.96\" x2=\"288.15\" y2=\"193.28\" style=\"--len:12.40;animation-delay:4.84s,5.43s\"/><line x1=\"288.15\" y1=\"193.28\" x2=\"281.34\" y2=\"182.92\" style=\"--len:12.40;animation-delay:5.06s,5.43s\"/></g><g class=\"nb-tf-pen\"><circle cx=\"636.00\" cy=\"381.32\" r=\"2.2\" style=\"animation-delay:0.22s\"/><circle cx=\"636.00\" cy=\"39.98\" r=\"2.2\" style=\"animation-delay:0.44s\"/><circle cx=\"124.00\" cy=\"39.98\" r=\"2.2\" style=\"animation-delay:0.66s\"/><circle cx=\"124.00\" cy=\"381.32\" r=\"2.2\" style=\"animation-delay:0.88s\"/><circle cx=\"220.83\" cy=\"109.49\" r=\"2.2\" style=\"animation-delay:1.10s\"/><circle cx=\"258.03\" cy=\"109.49\" r=\"2.2\" style=\"animation-delay:1.32s\"/><circle cx=\"227.93\" cy=\"131.36\" r=\"2.2\" style=\"animation-delay:1.54s\"/><circle cx=\"239.43\" cy=\"166.74\" r=\"2.2\" style=\"animation-delay:1.76s\"/><circle cx=\"209.33\" cy=\"144.87\" r=\"2.2\" style=\"animation-delay:1.98s\"/><circle cx=\"179.24\" cy=\"166.74\" r=\"2.2\" style=\"animation-delay:2.20s\"/><circle cx=\"190.73\" cy=\"131.36\" r=\"2.2\" style=\"animation-delay:2.42s\"/><circle cx=\"160.64\" cy=\"109.49\" r=\"2.2\" style=\"animation-delay:2.64s\"/><circle cx=\"197.84\" cy=\"109.49\" r=\"2.2\" style=\"animation-delay:2.86s\"/><circle cx=\"209.33\" cy=\"74.12\" r=\"2.2\" style=\"animation-delay:3.08s\"/><circle cx=\"288.17\" cy=\"73.54\" r=\"2.2\" style=\"animation-delay:3.30s\"/><circle cx=\"281.79\" cy=\"62.91\" r=\"2.2\" style=\"animation-delay:3.52s\"/><circle cx=\"293.20\" cy=\"67.76\" r=\"2.2\" style=\"animation-delay:3.74s\"/><circle cx=\"301.35\" cy=\"58.41\" r=\"2.2\" style=\"animation-delay:3.96s\"/><circle cx=\"300.26\" cy=\"70.76\" r=\"2.2\" style=\"animation-delay:4.18s\"/><circle cx=\"311.67\" cy=\"75.61\" r=\"2.2\" style=\"animation-delay:4.40s\"/><circle cx=\"299.58\" cy=\"78.40\" r=\"2.2\" style=\"animation-delay:4.62s\"/><circle cx=\"298.50\" cy=\"90.75\" r=\"2.2\" style=\"animation-delay:4.84s\"/><circle cx=\"292.12\" cy=\"80.12\" r=\"2.2\" style=\"animation-delay:5.06s\"/><circle cx=\"280.03\" cy=\"82.90\" r=\"2.2\" style=\"animation-delay:5.28s\"/><circle cx=\"323.04\" cy=\"105.20\" r=\"2.2\" style=\"animation-delay:3.30s\"/><circle cx=\"321.28\" cy=\"92.93\" r=\"2.2\" style=\"animation-delay:3.52s\"/><circle cx=\"329.92\" cy=\"101.83\" r=\"2.2\" style=\"animation-delay:3.74s\"/><circle cx=\"341.05\" cy=\"96.37\" r=\"2.2\" style=\"animation-delay:3.96s\"/><circle cx=\"335.25\" cy=\"107.33\" r=\"2.2\" style=\"animation-delay:4.18s\"/><circle cx=\"343.89\" cy=\"116.23\" r=\"2.2\" style=\"animation-delay:4.40s\"/><circle cx=\"331.67\" cy=\"114.10\" r=\"2.2\" style=\"animation-delay:4.62s\"/><circle cx=\"325.87\" cy=\"125.06\" r=\"2.2\" style=\"animation-delay:4.84s\"/><circle cx=\"324.12\" cy=\"112.79\" r=\"2.2\" style=\"animation-delay:5.06s\"/><circle cx=\"311.90\" cy=\"110.66\" r=\"2.2\" style=\"animation-delay:5.28s\"/><circle cx=\"324.78\" cy=\"154.32\" r=\"2.2\" style=\"animation-delay:3.30s\"/><circle cx=\"328.19\" cy=\"142.39\" r=\"2.2\" style=\"animation-delay:3.52s\"/><circle cx=\"332.44\" cy=\"154.04\" r=\"2.2\" style=\"animation-delay:3.74s\"/><circle cx=\"344.83\" cy=\"153.60\" r=\"2.2\" style=\"animation-delay:3.96s\"/><circle cx=\"335.07\" cy=\"161.24\" r=\"2.2\" style=\"animation-delay:4.18s\"/><circle cx=\"339.32\" cy=\"172.89\" r=\"2.2\" style=\"animation-delay:4.40s\"/><circle cx=\"329.03\" cy=\"165.96\" r=\"2.2\" style=\"animation-delay:4.62s\"/><circle cx=\"319.27\" cy=\"173.61\" r=\"2.2\" style=\"animation-delay:4.84s\"/><circle cx=\"322.68\" cy=\"161.69\" r=\"2.2\" style=\"animation-delay:5.06s\"/><circle cx=\"312.39\" cy=\"154.76\" r=\"2.2\" style=\"animation-delay:5.28s\"/><circle cx=\"292.94\" cy=\"187.30\" r=\"2.2\" style=\"animation-delay:3.30s\"/><circle cx=\"300.69\" cy=\"177.61\" r=\"2.2\" style=\"animation-delay:3.52s\"/><circle cx=\"300.11\" cy=\"190.00\" r=\"2.2\" style=\"animation-delay:3.74s\"/><circle cx=\"311.71\" cy=\"194.38\" r=\"2.2\" style=\"animation-delay:3.96s\"/><circle cx=\"299.76\" cy=\"197.66\" r=\"2.2\" style=\"animation-delay:4.18s\"/><circle cx=\"299.18\" cy=\"210.04\" r=\"2.2\" style=\"animation-delay:4.40s\"/><circle cx=\"292.37\" cy=\"199.68\" r=\"2.2\" style=\"animation-delay:4.62s\"/><circle cx=\"280.41\" cy=\"202.96\" r=\"2.2\" style=\"animation-delay:4.84s\"/><circle cx=\"288.15\" cy=\"193.28\" r=\"2.2\" style=\"animation-delay:5.06s\"/><circle cx=\"281.34\" cy=\"182.92\" r=\"2.2\" style=\"animation-delay:5.28s\"/></g><g class=\"nb-tf-leads\"><polyline class=\"nb-tf-lead\" fill=\"none\" points=\"157.3,125.3 60.0,108.0 8.0,108.0\" style=\"--len:150.9;animation-delay:5.63s\"/><circle class=\"nb-tf-dot\" cx=\"157.3\" cy=\"125.3\" r=\"2.4\" style=\"animation-delay:5.63s\"/><text class=\"nb-tf-label\" x=\"17.0\" y=\"112.0\" text-anchor=\"start\" style=\"animation-delay:5.79s\">
7大æï¼ä¸å½å ±äº§å </text><polyline class=\"nb-tf-lead\" fill=\"none\" points=\"310.7,64.1 556.0,62.0 566.0,62.0\" style=\"--len:255.3;animation-delay:5.85s\"/><circle class=\"nb-tf-dot\" cx=\"310.7\" cy=\"64.1\" r=\"2.4\" style=\"animation-delay:5.85s\"/><text class=\"nb-tf-label\" x=\"575.0\" y=\"66.0\" text-anchor=\"start\" style=\"animation-delay:6.01s\">第ä¸é¢å°æï¼å·¥äººé¶çº§</text><polyline class=\"nb-tf-lead\" fill=\"none\" points=\"346.8,108.2 588.0,132.0 598.0,132.0\" style=\"--len:252.4;animation-delay:6.07s\"/><circle class=\"nb-tf-dot\" cx=\"346.8\" cy=\"108.2\" r=\"2.4\" style=\"animation-delay:6.07s\"/><text class=\"nb-tf-label\" x=\"607.0\" y=\"136.0\" text-anchor=\"start\" style=\"animation-delay:6.23s\">第äºé¢å°æï¼åæ°é¶çº§</text><polyline class=\"nb-tf-lead\" fill=\"none\" points=\"346.8,159.4 588.0,214.0 598.0,214.0\" style=\"--len:257.3;animation-delay:6.29s\"/><circle class=\"nb-tf-dot\" cx=\"346.8\" cy=\"159.4\" r=\"2.4\" style=\"animation-delay:6.29s\"/><text class=\"nb-tf-label\" x=\"607.0\" y=\"218.0\" text-anchor=\"start\" style=\"animation-delay:6.45s\">第ä¸é¢å°æï¼åå¸å°èµäº§é¶çº§</text><polyline class=\"nb-tf-lead\" fill=\"none\" points=\"310.7,203.6 556.0,292.0 566.0,292.0\" style=\"--len:270.8;animation-delay:6.51s\"/><circle class=\"nb-tf-dot\" cx=\"310.7\" cy=\"203.6\" r=\"2.4\" style=\"animation-delay:6.51s\"/><text class=\"nb-tf-label\" x=\"575.0\" y=\"296.0\" text-anchor=\"start\" style=\"animation-delay:6.67s\">第åé¢å°æï¼æ°æèµäº§é¶çº§</text><polyline class=\"nb-tf-lead\" fill=\"none\" points=\"260.0,386.3 260.0,392.0 260.0,400.0\" style=\"--len:13.7;animation-delay:6.73s\"/><circle class=\"nb-tf-dot\" cx=\"260.0\" cy=\"386.3\" r=\"2.4\" style=\"animation-delay:6.73s\"/><text class=\"nb-tf-label\" x=\"269.0\" y=\"404.0\" text-anchor=\"middle\" style=\"animation-delay:6.89s\">红è²æé¢ï¼è±¡å¾é©å½</text></g></svg>"; 8 var CSS = ".nb-tf-row{position:relative;z-index:2;max-width:1180px;margin:64px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch;}\n.nb-tf-left{min-width:0;align-self:start;}\n.nb-tf-right{min-width:0;max-width:100%;display:flex;flex-direction:column;}\n.nb-tf-bar{display:flex;align-items:center;gap:7px;margin-bottom:10px;font-size:.76rem;letter-spacing:1.2px;color:rgba(255,226,170,.75);}\n.nb-tf-bar i{font-style:normal;opacity:.6;}\n.nb-tf-svg{display:block;width:100%;height:auto;border-radius:6px;shape-rendering:geometricPrecision;box-shadow:0 20px 50px -30px rgba(0,0,0,.7);}\n.nb-tf-codewrap{flex:1;display:flex;flex-direction:column;min-height:0;border-radius:12px;background:#1e1e1e;border:1px solid rgba(255,210,74,.2);overflow:hidden;}\n.nb-tf-codehead{display:flex;align-items:center;gap:8px;padding:11px 14px;font-size:.76rem;letter-spacing:1px;color:rgba(255,226,170,.8);flex:0 0 auto;}\n.nb-tf-codehead .sp{flex:1;min-width:0;}\n.nb-tf-mini{padding:5px 11px;border-radius:8px;cursor:pointer;font-size:.72rem;font-family:inherit;background:rgba(255,210,74,.12);border:1px solid rgba(255,210,74,.3);color:#ffd24a;transition:.2s;}\n.nb-tf-mini:hover{background:rgba(255,210,74,.22);}\n.nb-tf-mini.done{background:rgba(120,220,150,.16);border-color:rgba(120,220,150,.5);color:#9be8b4;}\n.nb-tf-code{flex:1;min-height:0;margin:0;padding:0 14px 16px;max-width:100%;box-sizing:border-box;font:11.5px/1.85 ui-monospace,Consolas,'Courier New',monospace;color:#d4d4d4;white-space:pre;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 60%,rgba(0,0,0,.45) 84%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 60%,rgba(0,0,0,.45) 84%,transparent 100%);}\n.nb-tf-code b{color:#569cd6;font-weight:400;}\n.nb-tf-code i{color:#ce9178;font-style:normal;}\n.nb-tf-code u{color:#b5cea8;text-decoration:none;}\n.nb-tf-code s{color:#dcdcaa;text-decoration:none;}\n.nb-tf-code m{color:#4ec9b0;}\n.nb-tf-code em{color:#6a9955;font-style:normal;}\n.nb-tf-codewrap.open{flex:0 0 auto;}.nb-tf-codewrap.open .nb-tf-code{overflow:auto;-webkit-mask-image:none;mask-image:none;}\n.nb-tf-fill{opacity:0;animation:nbTfFill .7s ease forwards;animation-delay:0.88s;}\n@keyframes nbTfFill{to{opacity:1;}}\n.nb-tf-star{fill:#ffde00;stroke:none;opacity:0;animation:nbTfStar .45s ease forwards;}\n@keyframes nbTfStar{to{opacity:1;}}\n.nb-tf-stroke line{stroke:#ffd400;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:nbTfDraw .22s linear forwards, nbTfFade .6s ease forwards;}\n@keyframes nbTfDraw{to{stroke-dashoffset:0;}}\n@keyframes nbTfFade{to{opacity:0;}}\n.nb-tf-pen circle{fill:#fff6d8;opacity:0;animation:nbTfPen .45s ease forwards;}\n@keyframes nbTfPen{0%{opacity:1;r:3.2;}100%{opacity:0;r:1.2;}}\n.nb-tf-lead{fill:none;stroke:rgba(255,210,74,.72);stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:nbTfLead .26s linear forwards;}\n@keyframes nbTfLead{to{stroke-dashoffset:0;}}\n.nb-tf-dot{fill:#ffd24a;stroke:none;opacity:0;animation:nbTfDot .3s ease forwards;}\n@keyframes nbTfDot{to{opacity:1;}}\n.nb-tf-label{fill:#ffd24a;font:11.5px -apple-system,'Segoe UI','Microsoft YaHei',sans-serif;letter-spacing:.4px;opacity:0;paint-order:stroke;stroke:rgba(60,8,12,.85);stroke-width:2.4px;stroke-linejoin:round;animation:nbTfLabel .45s ease forwards;}\n@keyframes nbTfLabel{to{opacity:1;}}
8\n@media(max-width:900px){.nb-tf-row{grid-template-columns:1fr;gap:22px;margin-top:44px;}.nb-tf-code{font-size:10px;}}\n@media(prefers-reduced-motion:reduce){.nb-tf-stroke line,.nb-tf-lead{animation:none;stroke-dashoffset:0;}.nb-tf-fill,.nb-tf-star,.nb-tf-dot,.nb-tf-label{animation:none;opacity:1;}.nb-tf-pen circle{display:none;}}\n.nb-tf-bar .sp{flex:1;min-width:0;}\n.nb-tf-switch{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;font-size:.73rem;letter-spacing:.5px;color:rgba(255,226,170,.8);padding:4px 9px;border-radius:20px;border:1px solid rgba(255,210,74,.28);background:rgba(255,210,74,.08);transition:.2s;}\n.nb-tf-switch:hover{background:rgba(255,210,74,.18);}\n.nb-tf-switch input{appearance:none;-webkit-appearance:none;width:30px;height:16px;border-radius:20px;background:rgba(255,255,255,.18);position:relative;cursor:pointer;transition:.22s;flex:0 0 auto;margin:0;}\n.nb-tf-switch input::after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:.22s;}\n.nb-tf-switch input:checked{background:rgba(255,210,74,.85);}\n.nb-tf-switch input:checked::after{transform:translateX(14px);}\n.nb-tf-row.no-leads .nb-tf-leads{display:none;}"; 9 var CODE = "<m>import</m> <m>turtle</m> <b>as</b> <m>t</m>, <m>math</m>\n\n<em># å ³é®ä¸ï¼tracer(0) å ³æé帧å·æ°ï¼ç»å®ä¸æ¬¡æ§æ¸²æï¼è¾¹ç¼æå¹²å</em>\n<em># å ³é®äºï¼ç»å®å¯¼åº EPS ââ ç¢éå¾ï¼æ¾å¤§å¤å°åé½æ²¡æé¯é½¿</em>\n<m>sc</m> = <m>t</m>.<s>Screen</s>()\n<m>sc</m>.<s>setup</s>(<u>900</u>, <u>620</u>)\n<m>sc</m>.<s>tracer</s>(<u>0</u>)\n<m>t</m>.<s>hideturtle</s>(); <m>t</m>.<s>speed</s>(<u>0</u>); <m>t</m>.<s>pensize</s>(<u>1</u>)\n\n<em># æé¢ 600x400ï¼ä»¥ç»å¸ä¸å¿ä¸ºåç¹</em>\n<m>t</m>.<s>penup</s>(); <m>t</m>.<s>goto</s>(<u>-300</u>, <u>-200</u>); <m>t</m>.<s>pendown</s>()\n<m>t</m>.<s>color</s>(<i>\"#de2910\"</i>, <i>\"#de2910\"</i>); <m>t</m>.<s>begin_fill</s>()\n<b>for</b> _ <b>in</b> <s>range</s>(<u>2</u>):\n <m>t</m>.<s>forward</s>(<u>600</u>); <m>t</m>.<s>left</s>(<u>90</u>)\n <m>t</m>.<s>forward</s>(<u>400</u>); <m>t</m>.<s>left</s>(<u>90</u>)\n<m>t</m>.<s>end_fill</s>()\n\n<b>def</b> <s>star</s>(cx, cy, R, rot=<u>0</u>):\n <i>\"\"\"å®å¿äºè§æãèµ° 10 个顶ç¹ï¼å¤é¡¶ç¹ä¸å 顶ç¹äº¤æ¿ï¼ââ</i>\n <i> ç¨ 5 个å¤é¡¶ç¹éç¹è¿çº¿ä¼èªç¸äº¤ï¼turtle ç even-odd</i>\n <i> å¡«å è§åä¼æä¸å¿å¤æå¤é¨ï¼å¡«åºæ¥ä¸é´æ¯ç©ºçã\"\"\"</i>\n r = R * <m>math</m>.<s>sin</s>(<m>math</m>.<s>radians</s>(<u>18</u>)) / <m>math</m>.<s>sin</s>(<m>math</m>.<s>radians</s>(<u>54</u>))\n pts = []\n <b>for</b> i <b>in</b> <s>range</s>(<u>5</u>):\n a1 = <m>math</m>.<s>radians</s>(rot + i*<u>72</u> + <u>90</u>)\n pts.<s>append</s>((cx + R*<m>math</m>.<s>cos</s>(a1), cy + R*<m>math</m>.<s>sin</s>(a1)))\n a2 = <m>math</m>.<s>radians</s>(rot + i*<u>72</u> + <u>36</u> + <u>90</u>)\n pts.<s>append</s>((cx + r*<m>math</m>.<s>cos</s>(a2), cy + r*<m>math</m>.<s>sin</s>(a2)))\n <m>t</m>.<s>penup</s>(); <m>t</m>.<s>goto</s>(pts[<u>0</u>]); <m>t</m>.<s>pendown</s>()\n <m>t</m>.<s>color</s>(<i>\"#ffde00\"</i>, <i>\"#ffde00\"</i>)\n <m>t</m>.<s>begin_fill</s>()\n <b>for</b> p <b>in</b> pts[<u>1</u>:]: <m>t</m>.<s>goto</s>(p)\n <m>t</m>.<s>goto</s>(pts[<u>0</u>])\n <m>t</m>.<s>end_fill</s>()\n\n<em># 大æï¼ä¸è§ææ£ä¸</em>\n<s>star</s>(<u>-240</u>, <u>100</u>, <u>60</u>)\n<em># åé¢å°æï¼åæä¸è§æå大æ</em>\nSC = <u>2.0</u>\nSMALL = [(<u>-50</u>,<u>80</u>), (<u>-30</u>,<u>60</u>), (<u>-30</u>,<u>30</u>), (<u>-50</u>,<u>10</u>)]\n<b>for</b> tx, ty <b>in</b> SMALL:\n cx, cy = tx*SC, ty*SC*<u>2</u>\n rot = <m>math</m>.<s>degrees</s>(<m>math</m>.<s>atan2</s>(<u>-240</u>-cx, <u>100</u>-cy)) - <u>90</u>\n <s>star</s>(cx, cy, <u>20</u>, rot)\n\n<m>sc</m>.<s>update</s>() <em># tracer(0) ä¹åå¿ é¡»æå¨å·æ°</em>\n\n<em># ===== ç»å¯¹æ¸ æ°çå ³é®ï¼å¯¼åºç¢éå¾ =====</em>\n<em># EPS æ¯ç¢éæ ¼å¼ï¼æ¾å¤§å°ä»»ä½å°ºå¯¸é½ä¸ä¼æé¯é½¿ã</em>\n<em># ç¨ Inkscapeï¼å è´¹ï¼æå¼å®ï¼å°±è½å¯¼åºä»»æå辨çç PNGã</em>\n<m>cv</m> = <m>sc</m>.<s>getcanvas</s>()\n<m>cv</m>.<s>postscript</s>(<m>file</m>=<i>\"flag.eps\"</i>, <m>colormode</m>=<i>\"color\"</i>,\n <m>width</m>=<u>900</u>, <m>height</m>=<u>620</u>) <em># åæ°å¿ é¡»åæå ³é®åå½¢å¼</em>\n<b>print</b>(<i>\"å·²å¯¼åº flag.epsï¼ç¢éå¾ï¼æ é¯é½¿ï¼\"</i>)\n<m>t</m>.<s>done</s>()"; 10 var CODE_SHORT = "<m>import</b> <m>turtle</b> <b>as</b> <m>t</b>, <m>math</b>\n\n<em># çªå£ 600x400ï¼éèæµ·é¾ï¼ä¸éç»å¶</b>\n<m>t</b>.<s>setup</b>(<u>600</b>, <u>400</b>)\n<m>t</b>.<s>hideturtle</b>(); <m>t</b>.<s>speed</b>(<u>3</b>)\n\n<em># æé¢ï¼åç¹å¨ç»å¸ä¸å¿ï¼ä» (-150,-100) èµ·ç» 300x200</b>\n<m>t</b>.<s>penup</b>(); <m>t</b>.<s>goto</b>(<u>-150</b>, <u>-100</b>); <m>t</b>.<s>pendown</b>()\n<m>t</b>.<s>color</b>(<i>\"#de2910\"</b>, <i>\"#de2910\"</b>); <m>t</b>.<s>begin_fill</b>()\n<em># â¦â¦ å ± 42 è¡ï¼ç¹ãå±å¼ãçå®æ´ä»£ç </em>"; 11 var PLAIN = "import turtle as t, math\n\n# å ³é®ä¸ï¼tracer(0) å ³æé帧å·æ°ï¼ç»å®ä¸æ¬¡æ§æ¸²æï¼è¾¹ç¼æå¹²å\n# å ³é®äºï¼ç»å®å¯¼åº EPS ââ ç¢éå¾ï¼æ¾å¤§å¤å°åé½æ²¡æé¯é½¿\nsc = t.Screen()\nsc.setup(900, 620)\nsc.tracer(0)\nt.hideturtle(); t.speed(0); t.pensize(1)\n\n# æé¢ 600x400ï¼ä»¥ç»å¸ä¸å¿ä¸ºåç¹\nt.penup(); t.goto(-300, -200); t.pendown()\nt.color(\"#de2910\", \"#de2910\"); t.begin_fill()\nfor _ in range(2):\n t.forward(600); t.left(90)\n t.forward(400); t.left(90)\nt.end_fill()\n\ndef star(cx, cy, R, rot=0):\n \"\"\"å®å¿äºè§æãèµ° 10 个顶ç¹ï¼å¤é¡¶ç¹ä¸å 顶ç¹ä
11º¤æ¿ï¼ââ\n ç¨ 5 个å¤é¡¶ç¹éç¹è¿çº¿ä¼èªç¸äº¤ï¼turtle ç even-odd\n å¡«å è§åä¼æä¸å¿å¤æå¤é¨ï¼å¡«åºæ¥ä¸é´æ¯ç©ºçã\"\"\"\n r = R * math.sin(math.radians(18)) / math.sin(math.radians(54))\n pts = []\n for i in range(5):\n a1 = math.radians(rot + i*72 + 90)\n pts.append((cx + R*math.cos(a1), cy + R*math.sin(a1)))\n a2 = math.radians(rot + i*72 + 36 + 90)\n pts.append((cx + r*math.cos(a2), cy + r*math.sin(a2)))\n t.penup(); t.goto(pts[0]); t.pendown()\n t.color(\"#ffde00\", \"#ffde00\")\n t.begin_fill()\n for p in pts[1:]: t.goto(p)\n t.goto(pts[0])\n t.end_fill()\n\n# 大æï¼ä¸è§ææ£ä¸\nstar(-240, 100, 60)\n# åé¢å°æï¼åæä¸è§æå大æ\nSC = 2.0\nSMALL = [(-50,80), (-30,60), (-30,30), (-50,10)]\nfor tx, ty in SMALL:\n cx, cy = tx*SC, ty*SC*2\n rot = math.degrees(math.atan2(-240-cx, 100-cy)) - 90\n star(cx, cy, 20, rot)\n\nsc.update() # tracer(0) ä¹åå¿ é¡»æå¨å·æ°\n\n# ===== ç»å¯¹æ¸ æ°çå ³é®ï¼å¯¼åºç¢éå¾ =====\n# EPS æ¯ç¢éæ ¼å¼ï¼æ¾å¤§å°ä»»ä½å°ºå¯¸é½ä¸ä¼æé¯é½¿ã\n# ç¨ Inkscapeï¼å è´¹ï¼æå¼å®ï¼å°±è½å¯¼åºä»»æå辨çç PNGã\ncv = sc.getcanvas()\ncv.postscript(file=\"flag.eps\", colormode=\"color\",\n width=900, height=620) # åæ°å¿ é¡»åæå ³é®åå½¢å¼\nprint(\"å·²å¯¼åº flag.epsï¼ç¢éå¾ï¼æ é¯é½¿ï¼\")\nt.done()"; 12 var PLAIN_SHORT = "import turtle as t, math\n\n# çªå£ 600x400ï¼éèæµ·é¾ï¼ä¸éç»å¶\nt.setup(600, 400)\nt.hideturtle(); t.speed(3)\n\n# æé¢ï¼åç¹å¨ç»å¸ä¸å¿ï¼ä» (-150,-100) èµ·ç» 300x200\nt.penup(); t.goto(-150, -100); t.pendown()\nt.color(\"#de2910\", \"#de2910\"); t.begin_fill()\n# â¦â¦ å ± 42 è¡"; 13 14 function mount() { 15 try { 16 if (document.documentElement.getAttribute('theme') !== 'national') return; 17 if (document.getElementById('nbTurtleRow')) return; 18 /* éç¹å ¼å®¹ä¸¤ç§çå¼ï¼ 19 é¦é¡µ <header class="hero"> > .hero-inner 20 å ¶ä»é¡µé¢ <header class="vhero"> > .vhero-inner 21 两è å é¨é½æ .hero-copyï¼æ以åªç inner å°±è¡ã */ 22 var inner = document.querySelector('.hero-inner, .vhero-inner'); 23 if (!inner) return; 24 var host = inner.parentNode; 25 26 if (!document.getElementById('nbTurtleFlagCss')) { 27 var st = document.createElement('style'); 28 st.id = 'nbTurtleFlagCss'; 29 st.textContent = CSS; 30 document.head.appendChild(st); 31 } 32 33 var row = document.createElement('div'); 34 row.id = 'nbTurtleRow'; 35 row.className = 'nb-tf-row'; 36 37 /* ---- å·¦ï¼å½æå¨ç» ---- */ 38 var left = document.createElement('div'); 39 left.className = 'nb-tf-left'; 40 var bar = document.createElement('div'); 41 bar.className = 'nb-tf-bar'; 42 var barTitle = document.createElement('span'); 43 barTitle.className = 'sp'; 44 barTitle.innerHTML = '\uD83D\uDC22 Python \u6D77\u9F9F\u7ED8\u56FE <i>\u00B7 \u753B\u4E94\u661F\u7EA2\u65D7</i>'; 45 var sw = document.createElement('label'); 46 sw.className = 'nb-tf-switch'; 47 sw.title = '\u663E\u793A\u6216\u9690\u85CF\u56FD\u65D7\u5404\u90E8\u5206\u7684\u542B\u4E49\u8BF4\u660E'; 48 var cb = document.createElement('input'); 49 cb.type = 'checkbox'; 50 cb.checked = true; 51 try { if (localStorage.getItem('nb_tf_leads') === '0') cb.checked = false; } catch (e) {} 52 var cbTxt = document.createElement('span'); 53 cbTxt.textContent = '\u663E\u793A\u8BF4\u660E'; 54 sw.appendChild(cb); 55 sw.appendChild(cbTxt); 56 bar.appendChild(barTitle); 57 bar.appendChild(sw); 58 var svgWrap = document.createElement('div'); 59 svgWrap.innerHTML = SVG; 60 left.appendChild(bar); 61 left.appendChild(svgWrap.firstChild); 62 63 /* ---- å³ï¼å¯æå ç代ç é¢æ¿ ---- */ 64 var right = document.createElement('div'); 65 right.className = 'nb-tf-right'; 66 67 var wrap = document.createElement('div'); 68 wrap.className = 'nb-tf-codewrap'; 69 70 var head = document.createElement('div'); 71 head.className = 'nb-tf-codehead'; 72 var title = document.createElement('span'); 73 title.className = 'sp'; 74 title.textContent = '\uD83D\uDCCB Python \u6E90\u7801'; 75 var copyBtn = document.createElement('button'); 76 copyBtn.type = 'button'; 77 copyBtn.className = 'nb-tf-mini'; 78 copyBtn.textContent = '\u590D\u5236'; 79 var toggleBtn = document.createElement('button'); 80 toggleBtn.type = 'button'; 81 toggleBtn.className = 'nb-tf-mini'; 82 toggleBtn.textContent = '\u5C55\u5F00 \u25BE'; 83 head.appendChild(title); 84 head.appendChild(copyBtn); 85 head.appendChild(toggleBtn); 86 87 var pre = document.createElement('pre'); 88 pre.className = 'nb-tf-code';
89 /* æ¶èµ·æ¶æ¾ç¤ºå è¡ = å½æé«åº¦è½è£ ä¸å è¡ã 90 å½ææ¯ SVGï¼å®½åº¦æ满左ååé«åº¦ = å宽 * (460/560)ï¼ 91 åå»æ é¢æ å paddingï¼å©ä¸çé«åº¦é¤ä»¥è¡é«å°±æ¯è¡æ°ã */ 92 function fitLines() { 93 var colW = left.clientWidth || 520; 94 var flagH = colW * (420 / 760); // å½æ渲æé«åº¦ 95 var headH = head.offsetHeight || 44; 96 var avail = flagH - headH - 16; // åå» padding 97 var lineH = 11.5 * 1.85; 98 var n = Math.max(4, Math.floor(avail / lineH) - 1); // çä¸è¡ç»çç¥æ示 99 var arr = CODE.split('\n'); 100 pre.innerHTML = arr.slice(0, n).join('\n') + 101 '\n<em># â¦â¦ å ± ' + arr.length + ' è¡ï¼ç¹ãå±å¼ãçå®æ´ä»£ç </em>'; 102 return n; 103 } 104 fitLines(); 105 window.addEventListener('resize', function () { 106 if (!wrap.classList.contains('open')) fitLines(); 107 }); 108 109 wrap.appendChild(head); 110 wrap.appendChild(pre); 111 right.appendChild(wrap); 112 113 toggleBtn.onclick = function () { 114 var on = wrap.classList.toggle('open');
115 /* å±å¼/æ¶èµ·æ¶ç´æ¥æ¢å 容 ââ æ¶èµ·æ¯ççæåé¢ç代ç å æï¼ 116 ä¸æ¯ç¨é®ç½©çä½ã */ 117 if (on) pre.innerHTML = CODE; else fitLines(); 118 toggleBtn.textContent = on ? '\u6536\u8D77 \u25B4' : '\u5C55\u5F00 \u25BE'; 119 }; 120 121 copyBtn.onclick = function () { 122 function done() { 123 copyBtn.textContent = '\u5DF2\u590D\u5236 \u2713'; 124 copyBtn.classList.add('done'); 125 setTimeout(function () { 126 copyBtn.textContent = '\u590D\u5236'; 127 copyBtn.classList.remove('done'); 128 }, 1600); 129 } 130 function fallback() { 131 try { 132 var ta = document.createElement('textarea'); 133 ta.value = PLAIN; 134 ta.style.cssText = 'position:fixed;left:-9999px;top:0;'; 135 document.body.appendChild(ta); 136 ta.select(); 137 document.execCommand('copy'); 138 document.body.removeChild(ta); 139 done(); 140 } catch (e2) { copyBtn.textContent = '\u590D\u5236\u5931\u8D25'; } 141 } 142 try { 143 if (navigator.clipboard && navigator.clipboard.writeText) { 144 navigator.clipboard.writeText(PLAIN).then(done, fallback); 145 } else { fallback(); } 146 } catch (e) { fallback(); } 147 }; 148 149 row.appendChild(left); 150 row.appendChild(right); 151 152 /* æå¨ hero-inner ä¹åï¼è¥å¤å±è¿æ .hero-scroll å°±æå¨å®åé¢ */ 153 var scroll = host.querySelector ? host.querySelector('.hero-scroll') : null; 154 if (scroll && scroll.parentNode === host) host.insertBefore(row, scroll); 155 else host.insertBefore(row, inner.nextSibling); 156 157 /* 说æå¼å ³ï¼å ³æåæ´ç»å¼çº¿ display:noneï¼ 158 éæ°æå¼ä¼ä»å¤´æä¸éå¨ç»ãéæ©è®°å¨æ¬å°ã */ 159 function applyLeads() { 160 row.classList.toggle('no-leads', !cb.checked); 161 } 162 cb.onchange = function () { 163 applyLeads(); 164 try { localStorage.setItem('nb_tf_leads', cb.checked ? '1' : '0'); } catch (e) {} 165 }; 166 applyLeads(); 167 } catch (e) {} 168 } 169 170 function unmount() { 171 var el = document.getElementById('nbTurtleRow'); 172 if (el && el.parentNode) el.parentNode.removeChild(el); 173 } 174 175 function boot() { 176 mount(); 177 window.addEventListener('nb-theme-change', function () { unmount(); mount(); }); 178 } 179 if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot); 180 else boot(); 181})();
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.